2014-01-31 4 views
-1

им пытаются сделать форму с подтверждением пароля сравнить повторение пароля и дать ошибку, если пароли различны, используя jquery.validate, мой код это:JQuery Validate - подтверждение пароля 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({ 

Теперь он работает, спасибо госзакупках

+1

Вам не хватает обработчика событий DOM ready, что означает, что ваш код jQuery пытался запустить до того, как элементы были полностью построены в DOM. Ваше исправление выше правильно, и именно так вы всегда должны включать любой jQuery на странице. – Sparky

Смежные вопросы