使用jquery验证多个字段
我必须验证多个字段,如果任何字段出现使用jquery验证多个字段,jquery,Jquery,我必须验证多个字段,如果任何字段出现错误,则应禁用提交按钮。此代码的工作方式类似于(如果一个字段没有任何错误,则两个字段中的一个字段)然后按钮被启用,这不应该发生 $(文档).ready(函数(){ $('#EmpCode#LoginUser').keyup(函数(){ $('#ecode').html('检查可用性…'); var empc=$('#EmpCode').val(); $.ajax({ url:“/Admin/Employee/IsEmpCodeExists”, 方法:“pos
错误
,则应禁用提交按钮。此代码的工作方式类似于(如果一个字段没有任何错误,则两个字段中的一个字段)然后按钮被启用,这不应该发生
$(文档).ready(函数(){
$('#EmpCode#LoginUser').keyup(函数(){
$('#ecode').html('检查可用性…');
var empc=$('#EmpCode').val();
$.ajax({
url:“/Admin/Employee/IsEmpCodeExists”,
方法:“post”,
数据:{
员工代码:empc
},
数据类型:“json”,
成功:功能(数据){
如果(数据==1){
$('#ecode').html('员工代码已存在..');
$('addEmployee').attr('disabled',true);
}否则{
$('#ecode').html('');
$('addEmployee').attr('disabled',false);
}
},
});
});
});
$(文档).ready(函数(){
$('#LoginUser')。在('change keyup',function()上{
$('#lusername').html('检查可用性…');
var lu=$('#LoginUser').val();
$.ajax({
url:“/Admin/Employee/IsUserNameExists”,
方法:“post”,
数据:{
uname:lu
},
数据类型:“json”,
成功:功能(数据){
如果(数据==1){
$('#lusername').html('用户名已存在..');
$('addEmployee').attr('disabled',true);
}否则{
$('#lusername').html('');
$('addEmployee').attr('disabled',false);
}
},
});
});
});代码>
通常,验证表单的方式不是这样的。您不必每次都重写$document.ready
,最好将整个表单发送到验证,而不是每个字段。另一件事是默认情况下应该禁用submit按钮
但是,如果您确实需要按您想要的方式执行此操作,请执行类似操作(添加类。以对正在验证的每个输入进行验证,并且:
$(document).ready(function() {
$('#EmpCode #LoginUser').keyup(function() {
var xthis = this;
$('#ecode').html('Checking availability...');
var empc = $('#EmpCode').val();
$.ajax({
url: '/Admin/Employee/IsEmpCodeExists',
method: 'post',
data: {
employeecode: empc
},
dataType: 'json',
success: function(data) {
if (data == 1) {
$(xthis).removeClass('valid');
} else {
$(xthis).addClass('valid');
if($('.to-validate').length == $('.valid').length)
$('.addEmployee').prop('disabled', false);
else
$('.addEmployee').prop('disabled', true);
}
},
});
});
etc ...
});