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>

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

Deixe uma resposta

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