Я пытаюсь создать проверку формы с помощью jquerys ajax. Проблема, с которой я сталкиваюсь, - это div, называемый error, где отображается ошибка. Я использую функции keyup и делаю проверку в качестве пользовательских типов. Части, с которыми мне нужна помощь, могут ли эта проверка быть применена ко всем полям ввода, или мне придется создавать отдельные проверки для каждого из полей. Второй вопрос: я хотел бы, чтобы с первым полем все в порядке, ошибка исчезла. Для этого я использовал функцию слайда, но что мне интересно, если первое поле не в порядке, и человек переходит ко второму полю, как я могу показать ошибку в зависимости от того, на каком поле фокусируется пользователь. Наконец, есть недостаток, о котором я даже не задумывался, как мне это исправить. Как только поле в порядке, div исчезает, но если человек что-то меняет там, где поле было в порядке, я бы хотел, чтобы div вернулся.
$(document).ready(function () {
var error = $('#error');
$('#firstname').keyup(function () {
var t = this;
if (this.value != this.lastValue) {
if (this.timer) clearTimeout(this.timer);
error.removeClass('error').html('<img src="ajax-loader.gif" height="16" width="16" /> checking availability...');
this.timer = setTimeout(function () {
$.ajax({
url: 'reg_valid.php',
data: 'firstname=' + t.value,
type: 'post',
success: function (data) {
error.html(data);
if (data=="Ok") {
$('#error').slideUp();
}
}
});
}, 200);
this.lastValue = this.value;
}
});
});
<input type='text' name='firstname' id='firstname' />
<input type='text' name='lastname' id='lastname' />
Наконец, если мне нужно пройти проверку формы другого типа, пожалуйста, скажите большое спасибо!