Не уверен, что я делаю не так.Я использую плагин jQuery Validation .Это мой код jQuery:
$('#form-login').validate({
onsubmit: true,
onfocusout: false,
errorClass: 'invalid',
wrapper: 'li',
errorLabelContainer: '#login-error-list ul',
errorContainer: '#login-error-list',
highlight: function(element, errorClass) {
$(element).addClass(errorClass);
$(element.form).find('label[for=' + element.id + ']')
.addClass(errorClass);
},
unhighlight: function(element, errorClass) {
$(element).removeClass(errorClass);
$(element.form).find('label[for=' + element.id + ']')
.removeClass(errorClass);
},
rules: {
username: 'required',
password: 'required'
},
messages: {
username: 'Please enter your username.',
password: 'Please enter your password.'
}
});
Я очень внимательно следил за документацией API, когда писал это.Однако, независимо от того, какой ввод введен (независимо от того, введен ли он или нет), он все равно выдаст ошибку, как будто имя пользователя и / или пароль никогда не вводились. Вы можете увидеть на эту страницу входа .
Кто-нибудь знает, в чем может быть проблема?
PS: я должен добавить HTML-код, который генерирует контейнер с формой и ошибкой:
<p>Already have an account with us? Then log in!</p>
<form action="login.php" method="post" id="form-login">
<input type="hidden" name="success_page" value="" />
<div class="group">
<label for="username">Username:</label>
<input type="text" name="username" id="username" title="Username" maxlength="20" min="6" max="20" />
</div>
<div class="group">
<label for="password">Password:</label>
<input type="password" name="password" id="password" title="Password" min="6" />
</div>
<div id="login-error-list" class="group" style="display: none;">
<p>Errors:</p>
<ul></ul>
</div>