使用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 ...

});