如何使用jquery验证应用可选验证

时间:2014-05-09 11:48:42

标签: jquery jquery-validate

我有两个文本框,我正在应用jquery validaion规则。我已经做到了,它工作正常,但我想要从我想要至少提交的盒子中的两个盒子中选择提交。如果我将它们都留空,那么它应该给出错误,以便如何应用这个以及我在下面给出的代码中需要进行哪些更改

<script>
 $.validator.addMethod("box_not_same", function(value, element) {

   return $('#box2').val() == value;
}, "box1 value and box2 value cannot be same..");

    $("#f1").validate({
        rules: {
            box1: "required",

            box2: {
                  required: true,
                   Password_not_same:true     
               }
        },
        messages: {
            box1: "Enter box1 value",   
            box2: {
                    required : "Enter value in box2",
                   box_not_same:"box1 value and box2 value cannot be same.",    
               }

        }

    });  
</script>
<input id="box1" name="box1" value=""/>
<input id="box2" name="box2" value=""/>

1 个答案:

答案 0 :(得分:0)

引用OP

  

&#34;我有两个文本框,我正在应用jquery validaion规则。一世   已经做到了,它工作正常,但我想要选择提交   从盒子里的两个我想要至少在盒子上提交。如果我离开   两个都空白它应该给出错误&#34;

如果我理解正确,您有两个文本输入,用户必须填写其中一个?

在这种情况下,您可以使用the require_from_group method中包含的the additional-methods.js file

rules: {
    box1: {
        require_from_group: [1, "[name^='box']"]
    },
    box2: {
        require_from_group: [1, "[name^='box']"]    
    }
},

在你的情况下,我使用&#34;以&#34;开头选择器以定位namebox开头的所有元素。

DEMO:http://jsfiddle.net/3T8Tr/

这是文档:http://jqueryvalidation.org/category/methods/#require-from-group-method