Jquery 表单验证
我正在尝试使用jQuerysAjax创建表单验证。我面临的问题是，在显示错误的地方有一个名为error的div。我正在使用keyup函数，并根据用户类型进行验证。我需要帮助的部分是，这个检查可以应用于所有的输入字段，还是我必须为每个字段创建单独的检查。第二个问题是，当第一个字段正常时，error div消失。为此，我使用了幻灯片功能，但我想知道的是，如果第一个字段不正常，用户转到第二个字段，我如何根据用户关注的字段显示错误。最后还有一个缺陷，我还没有真正想过如何修复它。一旦字段正常，div就会消失，但如果该人员更改了字段正常的地方，我希望div返回Jquery 表单验证,jquery,validation,Jquery,Validation,我正在尝试使用jQuerysAjax创建表单验证。我面临的问题是，在显示错误的地方有一个名为error的div。我正在使用keyup函数，并根据用户类型进行验证。我需要帮助的部分是，这个检查可以应用于所有的输入字段，还是我必须为每个字段创建单独的检查。第二个问题是，当第一个字段正常时，error 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' />
$（文档）.ready（函数（）{
var error=$（“#error”）；
$（'#firstname'）.keyup（函数（）{
var t=这个；
if（this.value！=this.lastValue）{
if（this.timer）clearTimeout（this.timer）；
error.removeClass（'error'）.html（'checking availability…'）；
this.timer=setTimeout（函数（）{
$.ajax({
url:'reg_valid.php'，
数据：“firstname=”+t.value，
键入：“post”，
成功：功能（数据）{
html（数据）；
如果（数据==“正常”）{
$（“#错误”）.slideUp（）；
}
}
});
}, 200);
this.lastValue=this.value；
}
});
});