Form validation with jquery

Question

Form validation with jquery

Navigation

#1 by (2 votes)

0

I have to do a form validation for a college job, but it is not working and I am not succeeding in finding the error. Thanks for the help.

<script>

    $(document).ready( function(){ //Quando documento estiver pronto
    $("#tel").mask("(00) 0000-00009");
    $('#btn').click( function(){ /* Quando clicar em #btn */
    /* Coletando dados */
    var nome  = $('#nome').val(); 
    var email = $('#email').val(); 
    var tel = $('#tel').val();  
    var msg  = $('#msg').val();  


    if(nome.indexOf(" ") == -1){
       $("#nome").html('Nome invalido') 
    }
    if (nome.length < 10){
       $("#nome").html('Nome invalido') 
    }     
    if(email != ""){
      var filtro = /^([w-]+(?:.[w-]+)*)@((?:[w-]+.)*w[w-]{0,66}).([a-z]{2,6}(?:.[a-z]{2})?)$/i;
    if(filtro.test(email)){
      return true;
    }else {
       $("#email").html('O endereço de email fornecido é invalido')
       return false;
     }
      else{
        $("#email").html('Forneça um endereço de email')
        return false;
        }
      };

    if(msg.length < 1){           
        $("#msg").html(' Digite a mensagem')                    
        return false;           
    }

javascript jquery

asked by anonymous 16.10.2016 / 20:59

1 answer

request for member 'attributeDisplay' in something not a structure or union Animated caption with hover

score 2 · Accepted Answer

There are several small bugs in the code that you submitted, but you do not have to sort it exactly the way you might have imagined without more information on how it should work.

$(document).ready(function() {
  $("#tel").mask("(00) 0000-00009");
  $('#btn').click(function() {
    var nome = $('#nome').val();
    var email = $('#email').val();
    var tel = $('#tel').val();
    var msg = $('#msg').val();
    if (nome.indexOf(" ") == -1) {
      $("#erros").html('Nome invalido');
      return false;
    }
    if (nome.length < 10) {
      $("#erros").html('Nome invalido');
      return false;
    }
    if (email != "") {
      var filtro = /^([w-]+(?:.[w-]+)*)@((?:[w-]+.)*w[w-]{0,66}).([a-z]{2,6}(?:.[a-z]{2})?)$/i;
      if (filtro.test(email)) {
        return true;
      } else {
        $("#erros").html('O endereço de email fornecido é invalido');
        return false;
      }
    } else {
      $("#erros").html('Forneça um endereço de email');
      return false;
    }
    if (msg.length < 1) {
      $("#erros").html(' Digite a mensagem');
      return false;
    }
  });


});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><scriptsrc="https://igorescobar.github.io/jQuery-Mask-Plugin/js/jquery.mask.min.js"></script>
Nome:
<input type="text" id="nome" name="nome">
<br/>Email:
<input type="text" id="email" name="email">
<br/>Telefone:
<input type="text" id="tel" name="tel">
<br/>Msg:
<input type="text" id="msg" name="msg">
<br/>
<span id="erros" name="erros"></span>
<br/>
<input type="button" id="btn" name="btn" value="validar">