jQuery.validator.addMethod 自定义验证方法

jQuery.validator.addMethod 是 jQuery Validation Plugin 提供的一个方法，用于添加自定义验证规则。该方法接受两个参数：规则名称和验证函数。

以下是一个自定义验证方法的示例，用于检查输入值是否是有效的日期格式（YYYY-MM-DD）：

jQuery.validator.addMethod("validDate", function(value, element) {
    return this.optional(element) || /^\d{4}-\d{2}-\d{2}$/.test(value);
}, "Please enter a valid date format (YYYY-MM-DD).");

在上面的代码中，我们定义了一个名为 "validDate" 的验证方法，它接受一个值（value）和一个元素（element）作为参数。验证函数使用正则表达式 /^\d{4}-\d{2}-\d{2}$/ 来检查值是否符合 YYYY-MM-DD 的格式。如果输入是可选的（由 this.optional(element) 检查），或者符合正则表达式，则返回 true，表示验证通过。如果不通过，则返回自定义的错误消息 "Please enter a valid date format (YYYY-MM-DD)."。

在实际使用时，你可以将此规则应用于任何需要验证日期格式的输入字段：

<form id="myForm">
    <input type="text" name="myDate" required="true" class="date-field" />
    <input type="submit" value="Submit" />
</form>
 
<script>
    $("#myForm").validate({
        rules: {
            myDate: {
                validDate: true
            }
        }
    });
</script>

在这个例子中，我们为 myDate 字段添加了 validDate 验证规则。当表单提交时，如果 myDate 的值不是有效的日期格式，则会显示错误消息。