可选验证但需要输入

Question

我知道之前可能已经提到过，但我仍然无法找到解决方案。 我需要使一个电话号码字段可选（我知道我可以省去Required关键字）但如果用户确实输入数据，我仍然需要jQuery在客户端工作。我尝试了各种各样的排列，我的最后一次尝试是这样的：

    $("#telephone").rules("add", {
            required: false,
            pattern: "^\+?\d{10,14}|$"

        });

我可能已经离开了，但是如果有人能花时间指出我正确的方向，它将恢复我对人性的信念;）

Answer 1

请使用Jquery Validation插件。 您可以在以下位置找到类似问题 How to use jQuery Validator custom method on optional field with defaultValue?

Running Example

版权所有Andrew Whitaker。

$.validator.addMethod('phone', function (value, element) {
if (value != element.defaultValue) {  
    return this.optional(element) || /^[01]?[- .]?\(?[2-9]\d{2}\)?[- .]?\d{3}[- .]?\d{4}$/.test(value);
} 
return true;
}, 'This is not a valid number');

$("#myForm").validate();