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> |