Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17392
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Validar input radio

06-04-2007 10:28

Nesse artigo vou mostrar como validar input radio.

O formulário de exemplo terá 3 inputs radio, cada um com um nome.

Detalhes no própio código:

JavaScript

<script> /* função ativada ao tentar enviar */ function checa() {   /* adiciona o valor de campo na verificação */ var campo = document.form;   /* se o radio1, radio2 ou radio3 não forem checados */ // checked==false: não está checado // checked==true: está checado if(campo.radio1.checked==false && campo.radio2.checked==false && campo.radio3.checked==false) { alert("Escolha pelo menos um campo") return false; }   } </script>

Formulário

<!-- a linha abaixo retorna a função acima //--> <!-- note em cada input que, ao clicar no input atual, os outros 2 vão para false (desabilitado) //--> <form name="form" action="" method="POST" onSubmit="return checa()"> <input type="radio" name="radio1" value="1" onClick="radio1.checked=true;radio2.checked=false;radio3.checked=false;"> <input type="radio" name="radio2" value="2" onClick="radio2.checked=true;radio1.checked=false;radio3.checked=false;"> <input type="radio" name="radio3" value="3" onClick="radio3.checked=true;radio1.checked=false;radio2.checked=false;"> <input type="submit"> </form>

0
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado