jquery - 如何在Jquery验证规则中实现 "or"条件

Question

我目前正在使用jquery验证插件来验证我的表单，在这里我想验证固定电话号码和手机号码。用户想输入任何一个。所以我想要在 jquery 验证规则中使用 Or 条件。

rules{ 'landline':{ required:true }, 'mobile':{ required:true } }

如何将任意一个字段设置为必填字段。

Answer 1

如果您希望错误消息正确切换并使代码看起来简洁，只需使用专门针对这种情况创建的方法即可。该规则/方法称为 require_from_group并包含在the additional-methods.js file中.

$(document).ready(function () {

    $("#form").validate({
        rules: {
            landline: {
                require_from_group: [1, '.phone'],
                number: true
            },
            mobile: {
                require_from_group: [1, '.phone'],
                number: true
            }
        }
    });

});

演示:http://jsfiddle.net/t45dc/

并且可以选择将两条错误消息合并为一条，请使用groups选项...

$(document).ready(function () {

    $("#form").validate({
        rules: {
            landline: {
                require_from_group: [1, '.phone'],
                number: true
            },
            mobile: {
                require_from_group: [1, '.phone'],
                number: true
            }
        },
        groups: {
            phones: 'landline mobile'
        }
    });

});

演示:http://jsfiddle.net/t45dc/1/