如何有条件地执行 jquery 验证？

Question

我正在使用 jquery 验证插件验证表单......

 rules: {
    Name: "required",
    MobileNo: {
           required: true,
           minlength: 10, remote: '<%=Url.Action("getClientMobNo", "Clients") %>'
               },
    Address: "required"
            },
    messages: {
        Name: "please provide a client name",
        MobileNo: {
        required: "Please provide a mobile phone no",
        rangelength: jQuery.format("Enter at least {0} characters"),
        remote: jQuery.format("This MobileNo is already in use")
      },
      Address: "please provide client address"
   },

这在添加表单验证方面效果很好，但我使用相同的表单进行编辑，他们可以使用相同的手机号，但我的插件验证了 mobileno 说已经有一个mobileno...但是如何根据条件执行远程属性，

   MobileNo: {
           required: true,
           minlength: 10,
          if($("#HfId").val() == ""){ 
            remote: '<%=Url.Action("getClientMobNo", "Clients") %>'
             }
          },

这是一个有效的jquery条件验证语句....如何根据条件跳过远程属性....

Answer 1

好吧，我会做这样的事情

，例如我的 php 页面是

要添加的 member.php，发送像这样的 URL member.php?action=add

<? 
$action = $_GET['action'];
?>
<script>
        $("#frmmember").validate({
      rules: { 
        name: { 
                <? if($action=='add') { ?>
                      required: true, 
               <? } ?>
                      rangelength: [4, 50] },
        email: { required: true, rangelength: [5, 50], email: true },
        phone: { required: true, number:true, rangelength: [7, 10] }
        },
      onkeyup: false
    });
</script>

在这种情况下，验证规则 required=true 仅在存在时才适用url 变量中的“add”“action”

Answer 2

您将需要一些服务器端。处理编辑或应用不同的 Url.Action。

要执行不同的操作来管理它正在编辑详细信息而不是以相同的方式应用它们，因此 mobileno 可以是相同的。

祝你好运。

编辑 是因为服务器端验证而返回，还是 Jquery 在到达那里之前就将其返回？

Answer 3

您可以在验证规则初始化后强制删除规则，使用 rules( '删除'）方法。

$('#yourForm').validate({
  rules: {
    Name: "required",
    MobileNo: {
      required: true,
      minlength: 10, remote: '<%=Url.Action("getClientMobNo", "Clients") %>'
    },
    Address: "required"
  },
  messages: {
    Name: "please provide a client name",
    MobileNo: {
      required: "Please provide a mobile phone no",
      rangelength: jQuery.format("Enter at least {0} characters"),
      remote: jQuery.format("This MobileNo is already in use")
    },
    Address: "please provide client address"
  }
});

if ($('#HfId').val() !== '')
  $('#MobileNo').rules('remove', 'remote');

这样，您就不必用内联逻辑弄乱共享的声明性规则。即使添加页面上不存在#HfId，它也会默默地失败而不会出现错误（显然，不会删除远程规则），因此它适用于添加和编辑状态。

Answer 4

我很惊讶没有其他人提到这样做，但我建议使用添加规则方法。创建验证对象后，您可以根据需要向对象动态添加规则。

 if($("#HfId").val() == "") {
      $("#MobileNo").rules("add", {
          remote: '<%=Url.Action("getClientMobNo", "Clients") %>'
      });
 }

这样做的优点是，如果您在插入新记录时要添加多个规则，则可以将它们全部分组到一个位置。如果您的逻辑变得更加复杂，您还可以多次调用 add 。我更喜欢在需要时添加东西，然后调用remove将它们删除。您可以在调用 validate() 后执行此操作。

Answer 5

使用 jquery 扩展方法怎么样？如果是新记录，则添加远程属性；如果是现有记录，则使用空对象。

 rules: {
        Name: "required",
        MobileNo: $.extend(
          {
            required: true,
            minlength: 10
          },
          ($("#HfId").val() == "")?{remote: '<%=Url.Action("getClientMobNo", "Clients") %>'}:{}
        ),
        Address: "required",
        messages: {
            Name: "please provide a client name",
            MobileNo: {
              required: "Please provide a mobile phone no",
              rangelength: "Enter at least {0} characters",
              remote: "This MobileNo is already in use"
            },
          Address: "please provide client address"
       }
     }