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