Estoy tratando de validar mi formulario con jquery, pero no puedo conseguir que funcione. Cuando hago clic en enviar no se muestre ningún mensaje de error.

Podría usted por favor decirme donde está el problema?

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

 <script>
 $(document).ready(function() { 
//validate signup form on keyup and submit 
var validator = $("#signupform").validate({ 
    rules: { 
        fname: "required", 
        lname: "required", 
        username: { 
            required: true, 
            minlength: 2, 
            remote: "<? echo base_url();?>mycontroller/function" }
       }, 
    messages: { 
        fname: "Enter your firstname", 
        lname: "Enter your lastname", 
        username: { 
            required: "Enter a username", 
            minlength: jQuery.format("Enter at least {0} characters"), 
            remote: jQuery.format("{0} is already in use") 
        }, 

    }, 



}); 

</script>

Mi Forma

 <!--I am trying to show all the error message here --> 

<form id="signupform" autocomplete="off" method="get" action="">

 FName:
 <input id="fname" name="fname" type="text" value="" />
 Lname:
 <input id="lname" name="lname" type="text" value="" />
 username:
 <input id="username" name="username" type="text" value="" />   <br>      

 <input id="signupsubmit" name="signup" type="submit" value="Signup" />          
 </form>            
  • su trabajo aquí jsfiddle.net/85DM4/9
  • He tenido que añadir }); en la parte inferior del código para que funcione. Pero tengo una pregunta si no te importa, podrías por favor decirme cómo mostrar todos los mensajes de error separados por comas dentro de <span class="something"></span> Gracias 🙂
  • véase la respuesta de edición
InformationsquelleAutor black_belt | 2012-05-28

1 Comentario

  1. 1

    como he mencionado en los comentarios que trabajan en el violín

    asegúrese de que los scripts se cargan puede intentar usar el cdn alojado versión de jquery y validate.js

    jquery cdn

    http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js

    validate.js cdn

    http://ajax.aspnetcdn.com/ajax/jQuery.Validate/1.6/jQuery.Validate.js

    si funciona con este significa que las secuencias de comandos no se cargan y comprobar sus enlaces

    EDITAR

    $(":submit").click(function(e){
    
        if(!$(this).closest("form").valid()){
            e.preventDefault();
            var errText="";
            $(".error").each(function(i,j){
             errText+=$(j).text()+"<br/>";           
            });
            $("#errDiv").html(errText).css({color:'Red'});  
    
            }
    
    });

    http://jsfiddle.net/85DM4/17/

    no separados por comas, pero estoy seguro de que obtendrá la idea

    • pero todavía muestra los mensajes de error al lado de la entrada. 🙁
    • en el violín el mensaje de error se elimina además el campo
    • es este el violín enlace? jsfiddle.net/85DM4/17 . Yo sólo lo intentó, pero se encontró que sigue mostrando el mensaje de error al lado de los campos
    • sólo en el último campo, el primer nombre y el apellido de campo que se solucionen los errores, ¿por qué en el último campo que hacer tal comportamiento es más allá de mi comprensión en el momento

Dejar respuesta

Please enter your comment!
Please enter your name here