JavaScript - Verificar Campos

[david.lyonnais]

Minha dúvida é o seguinte fiz esse script para verificar se algum campo esta vazio antes de efetuar o submit.

Segue o código

<script type="text/javascript">
    MsgErro;
    
    function verificarCampos(){
    for (var i=0; i < arguments.length; i++){
    var campo = arguments[i];
    var valor = document.getElementById(campo).value;
    if (valor == ""){
    MsgErro = 'Porfavor preencher todos os campos obrigatorios';
    return false;
    break;
    }else{
    return true;
    }
    }
    }
</script>

Chamando a função

<form name="form1" action="logar.php" method="post" onSubmit="return verificarCampos(usuario,senha)">
<p>Usuario:<input name="usuario" id="usuario" type="text"></p>
<p>Senha:<input name="senha" id="senha" type="text"></p>
<p><input name="entrar" type="submit" value="Entrar" ></p>
</form>

Comecei a estudar JavaScript efetivamente hoje,e me deparo com esse problema...

[fercosmig]

explica o problema

[david.lyonnais]

Eita esqueci de colocar...

É o seguinte era pra verificar se os campos estão vazio, se tiver um vazio impedir o submit e mostrar a mensagem de erro,mas o problema é que eu deixei os campos vazios e dei submit para testar só que mesmo assim ele efetua o submit, mesmo com os campos vazios.

[priestknack]

<script language="javascript">

function valida()

{

if(document.frm.campo.value=='')

{

alert('O valor do campo não pode ser nulo.');

return false;

}

return true;

}

</script>

<form name="frm" action="teste.htm">

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

<input type="submit" value="testar" onclick="valida()" />

</form>

ps : frm no document.frm é para pegar o formulário (tag form) note que frm é o nome do form contido no atributo name.

meu site pessoal, conteúdo útil

http://www.beadletters.com.br

[david.lyonnais]

Caro priestknack..

Vlw pela ajuda, mais queria fazer essa função de uma maneira mais generica, ou seja, passar por parametro o nome dos campos ou id que precisem ser verificados.

[SK15]

Bem devido a cada tipo de campo ter que se feito uma válidação diferente e que em geral para o usuário final você deve fazer os erros serem mostrados de forma mais amigavéis possíveis (para os burros entederem) é meio furada esse esquema de válidação gênerica cada formulário deve ser único com suas particularidades ...

Mas se ainda desejar vai um exemplo bem simples :P

<script type="text/javascript">
function ValidaTextos(obj_form) {
 for (var i = 0; i < obj_form.elements.length; i++) {
  if (obj_form.elements[i].type == "text") {
   if (obj_form.elements[i].value == "") {
    alert("Por favor, Preencha o Campo: " + obj_form.elements[i].name);
    obj_form.elements[i].focus();
    return false;
    break;
   }
  }
 }
 return true;
}
</script>

<form action="#" method="get" onsubmit="return ValidaTextos(this);">
Campo #1: <input type="text" name="Campo1" size="25" value="" /><br />
Campo #2: <input type="text" name="Campo2" size="25" value="" /><br />
Campo #3: <input type="text" name="Campo3" size="25" value="" /><br />
<input type="submit" name="Validar" value="Válidar" />
</form>

[david.lyonnais]

haha..

Entendi era exatamente isso que eu queria fazer...

e eu vou seguir seu 'conselho'.

é meio furada esse esquema de válidação gênerica

[Olá doug_funnie91]

Bem devido a cada tipo de campo ter que se feito uma válidação diferente e que em geral para o usuário final você deve fazer os erros serem mostrados de forma mais amigavéis possíveis (para os burros entederem) é meio furada esse esquema de válidação gênerica cada formulário deve ser único com suas particularidades ... /

É mesmo, eu tenho um formulario php lá na empresa que roda perfeitamente, mas sempre tem um asno pra estragar tudo.

Por isso decidi estudar java script, pra poder fazer uma validação campo a campo enqunato o formulario é preenchido.

Tipo essa aqui do cadastro:

http://scriptbrasil.com.br/forum/index.php...mp;coppa_pass=1

gostaria de aprender a fazer esse efeito (o de abrir um "X" se o campo estiver errado , ou um "V" se estiver correto)

alguém sabe como faz?

... é que eu acho a caixa de alerta comum muito tosca, rsrsrs

[SK15]

A sei lá tem vários o 'alert' é o mais comum e fácil o outros sempre depende de outras coisas, mas de uma olhada nesses:

http://javascript.internet.com/forms/perso...validation.html

http://www.xs4all.nl/~sbpoley/webmatters/formval.html