jQuery验证字段，其中Name属性包含方括号？

Question

我正在尝试验证包含名称属性包含方括号[]的字段的表单。 这是我不能将name属性更改为其他属性的要求，并且尝试通过ID或ClassName进行验证似乎有些混乱。

我将如何验证w作为以下示例？ 到目前为止，它不起作用（由于错误，我的整个页面完全消失了。

$("#loginForm").validate({
    rules: {

        login[username]: {
            required: true,
            email: true
        }
    },
    messages: {

        login[username]: {
            required: "Please provide an email",
            email: "Please enter a valid email address"
        }
    }
});

Answer 1

在javascript对象中使用login[username]无效的语法。 使用引号将其设为有效的"login[username]"

Answer 2

也许你可以做这样的事情...

HTML：

<input type="text" name="login[username]" class="myRule" />

jQuery的：

$(document).ready(function() {

    $('.myRule').rules('add', {
        required: true,
        email: true,
        messages: {
            required: "Please provide an email",
            email: "Please enter a valid email address"
        }
    });

});

另外，您无需添加或使用类，只需使用适当的选择器来定位适当的输入元素即可。

$(document).ready(function() {

    $('input[name=login\\[username\\]]').rules('add', {
        required: true,
        email: true,
        messages: {
            required: "Please provide an email",
            email: "Please enter a valid email address"
        }
    });

});

http://docs.jquery.com/Plugins/Validation/rules