jquery 验证 - 运行时的自定义验证

Question

在我的表单中，我有两个文本框 txtName 和 txtAge。 我使用 jquery.validate.js 使其成为必填字段验证器，并且工作正常。 现在我的要求有时基于一些业务逻辑，我需要以编程方式使这两个字段成为非强制性的。 但如果用户填写 txtName，他也需要填写 txtAge 或反之亦然。

如果其中一个字段已填写，则应填写其他字段，或者两者都可以留空

我在服务器端使用 asp.net。

Answer 1

如果您使用的是基于 css class 的验证，那么您应该可以通过根据需要在输入中简单地删除/添加“必需的” class 来做到这一点。

$('#txtName, #txtAge').blur(function(){
   nameElem = $('#txtName);
   ageElem  = $('#txtAge');

   if(nameElem.val() != "" || ageElem.val() != "")
   {
      $('#txtAge,#txtName').addClass('required');
   }else{
      $('#txtAge, #txtName').removeClass('required');
   }
});