jQuery 验证和自定义 id

Question

我正在使用 jquery 验证，当我像这样验证时

$("#form").validate({
            // errorLabelContainer: $("div#error"),
            errorElement: "p",
            errorClass: "form-error",
            rules: {
                name: {
                    required: true,
                    minlength: 5
                }
            }
});

一切工作正常，但如果我有这样的div id“x.child.1.0.t”，我必须使用这样的东西

$("#form").validate({
            // errorLabelContainer: $("div#error"),
            errorElement: "p",
            errorClass: "form-error",
            rules: {
                x.child.1.0.t: {
                    required: true,
                    minlength: 5
                }
            }
});

这不起作用，怎么办？

Answer 1

...but if i have div id like this x.child.1.0.t... is not working ...

你必须做两件事......

• 使用输入的name属性，而不是id。默认情况下，.validate() 插件会查找 input 的 name 属性，而不是其 id。 See docs, under rules: item.

• 将名称放在 .validate() 选项中的引号内。 See docs regarding complex naming.

HTML:

<input name="x.child.1.0.t" />

jQuery:

$("form").validate({
    // errorLabelContainer: $("div#error"),
    errorElement: "p",
    errorClass: "form-error",
    rules: {
        'x.child.1.0.t': {
            required: true,
            minlength: 5
        }
    }
});​

jsFiddle Demo