JavaScript: Valindando campos do tipo Radio(Melhorado)

Aproveitando o código do post anterior, foram acrescentadas mais algumas linhas de código, para destacar o título “Endereço para correspondência:”.

O título será destacado com a cor vermelha.

Acrescentado as linhas 4 e 9 e na linha 21 utilizamos a tag span com id=end.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script language="JavaScript">
function validaRadio() {
 
  var texto = document.getElementById('end');
 
  if (document.form1.tipoEndereco[0].checked == false 
    && document.form1.tipoEndereco[1].checked == false) {
    alert('Por favor, selecione o Tipo de Endereço.');
    texto.style.color = "#ff0000";
    return false;
  }
  return true;
}
 
</script>
</head>
<body>
 
<form name="form1" method="post" onSubmit="return validaRadio();">
<table>
<tr><td colspan="2"><span id="end">Endereço para correspondência:</span></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>

Deixe uma resposta

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