error jQuery presentar la validación de formularios

Question

que necesito para validar la entrada usando JavaScript y jQuery cuando alguien presentar mi formulario boletín

por alguna razón no funciona. se envía el formulario sin alertar a los errores

Esto es lo que tengo hasta ahora:

<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> 

¿Por qué no veo la alerta cuando no pongo nada en el nombre y luego envíe el formulario?

Answer 1

En lugar de utilizar onclick en el botón Enviar, use onsubmit="return go(); en el elemento de formulario. O bien, use jQuery $('form').submit(function(){ ... });

Y, una vez que encuentra un error, necesita return false de la función para evitar que se siga ejecutando.