jQuery errore di presentare la validazione dei form

Question

ho bisogno di convalidare l'input utilizzando JavaScript e jQuery quando qualcuno inviare il mio modulo newsletter

per qualche motivo non funziona. si invia il modulo senza allertare eventuali errori

Ecco quello che ho finora:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
    <script type="text/javascript"> 

    $(document).ready(function(){ 
    function go() { 
     if($('#name').val() == '') { 
      alert('error: name is required'); 
     } 
     $('form').submit(); 
    } 
    }); 


    </script> 
    </head> 

    <form method="post" action=""> 
    Name *<input type="text" name="name" id="name"/> 
    E-Mail *<input type="text" name="email" id="email"/> 

    <input class="submit" type="submit" value="Submit" name="submit" id="submit" onclick="go();"> 
    </form> 

Perché non vedo l'avviso quando non metto niente in nome e poi inviare il modulo?

Answer 1

Invece di utilizzare onclick sul pulsante di invio, utilizzare onsubmit="return go(); sull'elemento del modulo. Oppure, usa jQuery $('form').submit(function(){ ... });

E, una volta che si verifica un errore, è necessario return false dalla funzione per impedirne l'ulteriore esecuzione.