Jquery validación de formulario no muestra mensaje de error

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 Kommentar

  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

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Recent Articles

Python «set» con duplicados/elementos repetidos

Hay una forma estándar de representar un "conjunto" que puede contener elementos duplicados. Como yo lo entiendo, un conjunto tiene exactamente un cero o...

Python: generador de expresión vs rendimiento

En Python, ¿hay alguna diferencia entre la creación de un generador de objetos a través de un generador de expresión versus el uso de...

Cómo exportar/importar la Masilla lista de sesiones?

Hay una manera de hacer esto? O tengo que tomar manualmente cada archivo de Registro? InformationsquelleAutor s.webbandit | 2012-10-23

no distingue mayúsculas de minúsculas coincidentes en xpath?

Por ejemplo, para el xml a continuación <CATALOG> <CD title="Empire Burlesque"/> <CD title="empire burlesque"/> <CD...