2013-07-28 4 views
1

я смотрел на следующий вопрос: Password confirmation trouble with jQuery validation pluginJQuery проверка для подтверждения пароля не работает

Я скопировал код на jsfiddle и редактировать его соответствующим образом, чтобы заставить ее работать на моем сервере, но не кажется, что это будет работать и я не могу понять это! Пожалуйста, помогите, спасибо!

Вот мой код.

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Document</title> 
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>   
<script> 
$.validator.setDefaults({ 
    submitHandler: function() { 
     alert("submitted!"); 
    } 
}); 

// validate signup form on keyup and submit 
$("form").validate({ 
    rules: { 
     pass: { 
      required: true, 
      minlength: 5 
     }, 
     pass2: { 
      required: true, 
      minlength: 5, 
      equalTo: "#pass" 
     } 
    }, 
    messages: { 
     pass: { 
      required: "Please provide a password", 
      minlength: "Your password must be at least 5 characters long" 
     }, 
     pass2: { 
      required: "Please provide a password", 
      minlength: "Your password must be at least 5 characters long", 
      equalTo: "Please enter the same password as above" 
     } 
    } 
}); 
</script> 

</head> 
<body> 
<form> 
<table> 
    <tr> 
     <td>Password</td> 
     <td> 
      <label for="pass"></label> 
      <input id="pass" name="pass" type="password" value="" /> 
     </td> 
    </tr> 
    <tr> 
     <td>Password confirm</td> 
     <td> 
      <label for="pass2"></label> 
      <input id="pass2" name="pass2" type="password" value="" /> 
     </td> 
    </tr> 
</table> 
<input type="submit" name="save" value="Save" /> 
</form> 
</body> 
</html> 
+0

У вас есть JQuery Validate плагин скрипт загружен? (потому что валидатор является отдельным .js-файлом) – Sergio

+0

Вы имеете в виду это, Belgarion

+0

_ «Кажется, что это не работает» _ - Что, по-видимому, делает? Какое желаемое поведение и каково фактическое поведение? Любые ошибки в консоли браузера? – nnnnnn

ответ

4

Попробуйте обертывание ваш JS эту функцию

$(function() { 
$.validator.setDefaults({ 
    submitHandler: function() { 
     alert("submitted!"); 
    } 
}); 

// validate signup form on keyup and submit 
$("form").validate({ 
    rules: { 
     pass: { 
      required: true, 
      minlength: 5 
     }, 
     pass2: { 
      required: true, 
      minlength: 5, 
      equalTo: "#pass" 
     } 
    }, 
    messages: { 
     pass: { 
      required: "Please provide a password", 
      minlength: "Your password must be at least 5 characters long" 
     }, 
     pass2: { 
      required: "Please provide a password", 
      minlength: "Your password must be at least 5 characters long", 
      equalTo: "Please enter the same password as above" 
     } 
    } 
}); 
}); 
+0

Спасибо dz15, он, наконец, работает! =) – Belgarion

+1

Отлично! Когда вы смотрите на JSFiddle, не забудьте посмотреть, как javascript загружается с левой стороны. Если он говорит onLoad $ (window) .load (function() {code here}); или domReady $ (function() {code here}); вам нужно будет поместить его в эти функции. – dz15

+0

@ dz15, Кажется, вы можете мне помочь. Посмотрите на это: https://stackoverflow.com/questions/47086843/how-can-i-make-two-message-in-password-confirmation-in-jquery-validate. Случай тот же. Но мое дело не требуется для подтверждения пароля и пароля –

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