如果选择了特定选项,则不应用自定义JQuery验证

时间:2014-12-01 06:56:30

标签: javascript jquery forms validation

这是我的 Fiddle

在小提琴中,它将具有第一和第二元素所需的标尺。

(它在localhost中运行良好,但在jsfiddle中没有响应)。

我需要的是如果先选择"不要问"那么第二个字段不应该被要求(规则不应该适用于第二个字段)。

我该怎么做?

以下是验证脚本:

<script>
    $(document).ready(function() {
    $("#data").validate({
        rules: {
            first:{ 
              required: true,
            },
            second:{ 
              required: true,
              number: true
            },
        },
        messages: {
            first: "Please choose any Company",            
            second: "Please enter valid number for the Total Number of Seats"
        }
    })

    $('#driver').click(function() {
        $("#data").valid();
    });
});
</script>

1 个答案:

答案 0 :(得分:0)

在您的情况下,您可以使用函数作为require规则:

$("#data").validate({
    rules: {
        first:{ 
          required: true,
        },
        second:{ 
          required: function () {
               // current value of the select field no:
               // this field is not required
               if ($("#first").val() == 'no') {
                   return false;
               } else {
                   return true;
               }
           },
          number: true
        },
    },
    messages: {
        first: "Please choose any Company",            
        second: "Please enter valid number for the Total Number of Seats"
    }
})

Fiddle就在这里。