Como validar corretamente o formulário

Aqui você verá artigos sobre JavaScript

Moderador: web

responder a dúvida

Como validar corretamente o formulário

Mensagem por web Offline » Dom Mar 13, 2011 6:12 pm


Estarei mostrando aqui como validar corretamente um formulário usando o JavaScript.

Vou falar sobre a validação de campo vazio, ou seja, não permitir que o formulário seja enviado se determinado campo estiver vazio.

Para fazer isso, vou usar uma função para validar campo vazio, e usar um return para essa função.
O return é importante porque dá ao script uma opção de não continuar a ação que o usuário iria fazer, enviar o formulário.

Vejamos o formulário:

<form name="form" action="" method="" onsubmit="return validar()">

Note acima em negrito o que falei, o return.

<input type="text" name="campo" value="">
<input type="submit">
</form>

Segue abaixo o script de validação

Código: Selecionar todos
<script>
function validar() {

if(document.form.campo.value=="") {
alert("campo vazio");
return false; // anulando o envio
} else {
return true; // envia
}

}
</script>



detalhes...

Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.

Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com

Avatar do usuário
web
ADMIN
ADMIN
Mensagens: 12425
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil

responder a dúvida

Voltar para Artigos sobre JavaScript

Quem está online

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