如何在多个文本字段上应用相同的Jquery必需的验证

时间:2014-10-03 05:42:15

标签: javascript jquery

这是我的代码。当所有三个字段都为空并显示三条错误消息时,此工作非常完美。但在我的情况下,只有一个字段,它有三个部分,如" 12345-1234567-7" ..在第一个texbox中只输入5位数,第二个只有7位数,第三个只有1位数是输入

如果其中任何一个为空,则显示单个错误消息,如何应用所需的验证?

<script>

    $(document).ready(function(){
       $("#myfrom").validate({
         if(#cnic_1)
          rules: {
             cnic_1: "required",
             cnic_2: "required",
             cnic_3: "required"
             },
             messages: {
                cnic_1: "Required Field",
                cnic_2: "Required Field",
                cnic_3: "Required Field",
             }
         });
    });

</script>


<form id="myfrom" action="" method="get">
        <label>CNIC:</label>
        <input name="cnic_1" id="cnic_1" type="text" />
        <input name="cnic_2" id="cnic_2" type="text" />
        <input name="cnic_3" id="cnic_3" type="text" />
        <input name="" type="submit" />
</form>

1 个答案:

答案 0 :(得分:0)

根据api(http://jqueryvalidation.org/documentation/),它应该如下所示:

cnic_1:
     rules: {
    cnic_1:  {
      required: true,
      minlength: 5,
      maxlength: 5,
      number: true
    },
    cnic_2:  {
      required: true,
      minlength: 7,
      maxlength: 7,
      number: true
    },
    cnic_3:  {
      required: true,
      maxlength: 1,
      digits: true
    }
    },