JavaScript: Valindando campos do tipo Radio

Segue um exemplo de como validar campos do tipo Radio ou Radio Buttons ou ainda Botões de Rádio.

Lembrando que os campos do tipo rádio devem possuir o atributo name com o mesmo valor.

<input name=”tipoEndereco” type=”radio” value=”Residencial”>
<input name=”tipoEndereco” type=”radio” value=”Profissional”>

<html>
<head>
<script language="JavaScript">
function validaRadio() {
  if (document.form1.tipoEndereco[0].checked == false 
    && document.form1.tipoEndereco[1].checked == false) {
    alert('Por favor, selecione o Tipo de Endereço.');
    return false;
  }
  return true;
}
</script>
</head>
<body>
 
<form name="form1" method="post" onSubmit="return validaRadio();">
<table>
<tr><td colspan="2">Endereço para correspondência:</td></tr>        
<tr>
   <td>Residencial: <input name="tipoEndereco" type="radio" value="Residencial"></td>
   <td>Profissional: <input name="tipoEndereco" type="radio" value="Profissional"></td>
</tr>
</table>
<p><input type="submit" value="Enviar"></p>
</form>
</body>
</html>

11 comentários em “JavaScript: Valindando campos do tipo Radio”

  1. Olá, preciso de um suporte se puder agradeço

    tenho uma pagina de login para entra no meu site e preciso de colocar dois
    radios para que ele selecione a pagina que irei entra quando clicar em
    login. Estou fazendo em html e java.

    desde ja agradeço

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Rolar para cima