2014-01-31 115 views
-1

我嘗試做密碼確認形式比較密碼重複,並給若密碼使用jquery.validate不同的錯誤,我的代碼是這樣的:jQuery驗證 - 密碼確認equalTo不工作

<script type="text/javascript"> 
    $("#formulario").validate({ 
     rules: { 
       nombre: { required: true, number: false, minlength: 1 }, 
       email: { required: true, email: true }, 
       cp: { required: true, number: true, minlength: 5, maxlength: 5 }, 
       password: { required: true, minlength: 6 }, 
       password2: { required: true, minlength: 6, equalTo: "#password" } 
       }, 
     messages: { 
       nombre: "Introduce un nombre correcto", 
       email: "Introduce un email correcto", 
       cp: "Introduce un codigo postal correcto", 
       password: "la contraseña debe tener un minimo de 6 caracteres", 
       password2: "las contraseñas tienen que ser iguales" 
       } 
     }); 
    }); 
</script> 

<form id="formulario" method="post"> 
    <p> 
     <label for="cp" class="hide">Nombre</label> 
     <input type="text" name="nombre" value="" id="nombre" class="required" /> 
    </p> 
    <p> 
     <label for="email" class="hide">Email</label> 
     <input type="text" name="email" value="" id="email" class="required" /> 
    </p> 
    <p> 
     <label for="cp" class="hide">Codigo postal</label> 
     <input type="text" name="cp" value="" id="cp" class="required" /> 
    </p> 
    <p> 
     <label for="password" class="hide">Contraseña</label> 
     <input type="password" name="password" id="password" class="required"/> 
    </p> 
    <p> 
     <label for="password2" class="hide">rrrr Contraseña</label> 
     <input type="password" name="password2" value="" id="password2" class="required" /> 
    </p> 
    <p> 
     <button type="submit" id="submit" name="submit">Enviar</button> 
    </p> 
</form> 

什麼即時做錯了?

謝謝!

+1

似乎罰款http://jsfiddle.net/arunpjohny/ 6Rx4L/1/ –

+0

可能重複的http://stackoverflow.com/questions/2887292/jquery-validation-plugin-equalto-not-working – MrUpsidown

+0

它不工作在我的本地,我不知道爲什麼 – Fraccier

回答

1

問題已經解決,我改變了這一點:

$("#formulario").validate({ 

這樣:

jQuery(function ($) { 
    $("#formulario").validate({ 

現在,它的工作,感謝PPL

+1

您錯過了DOM就緒事件處理程序,這意味着您的jQuery代碼正在試圖在元素完全在DOM中構建之前運行。上面的修正是正確的,這就是你應該始終在頁面上放置任何jQuery的方式。 – Sparky