jquery 验证插件内联自定义规则

Question

我创建了自定义规则

$(document).ready(function(){
    $("#test-form").validate({
            rules: { 
                test1:{
                    required: true,
                    minlength: 2
                } 
            },
            messages:  {
                test1:{
                    required: "required",
                minlength: "min 2"                      
                }
            }
        });
    // don't really process form
    $("#test-form").submit(function() { return false; });

我有这个 HTML 代码

<input type="text" class="test1"/>

但是它不起作用

如果我更改为预定义规则，它就会起作用

<input type="text" class="number"/>

Answer 1

rules 中的键应与字段的 name 参数匹配。试试这个:

<input type="text" name="test1" />

此外，您可以在 validate 选项中使用 debug: true 来阻止测试时的表单提交，而不是从表单提交中返回 false。