Knockout JS“uniqueName”绑定 - 两个字段同名

我正在使用 Knockout JS 创建一个编辑器。我正在使用 foreach 属性循环模型中的列表。

 <tbody data-bind='foreach: Properties'>

我正在使用 JQuery 不显眼的验证，它需要一个 name 属性来验证。我想为两个字段分配相同的名称，以便能够输出验证消息。是否可以在两个字段上使用相同的 uniqueName 属性？

 <tr>
     <td>
         <input data-bind='value: type, uniqueName: true' data-val = "true", data-val-required = "The Type field is required"  /></td>
     </td>
 </tr>
 <tr>
     <td class="field-validation-valid" data-valmsg-for="UNIQUENAME" data-valmsg-replace="true"></td>
 </tr>

我复制了下面的示例，其中显示了网格编辑和 JQuery 不显眼的验证。但我无法弄清楚如何将验证消息与输入字段链接起来

http://knockoutjs.com/examples/gridEditor.html

Edit:

我使用 ASP.NET MVC3 和 Razor 语法作为循环输入。

 @Html.DropDownList("Type", new SelectList(types, "Value", "Text"), "Select", new { data_bind = "value: Type", data_val = "true", data_val_required = "The Type field is required" })

我不知道如何更新 name 属性。当我使用淘汰赛添加属性时，它们都具有相同的名称“Type“并且验证不起作用。它们需要以 Type1 Type2 等方式进行索引。

uniqueName 绑定仅增加索引并设置名称（修复了 IE）。

看起来像：

ko.bindingHandlers['uniqueName'] = {
    'init': function (element, valueAccessor) {
        if (valueAccessor()) {
            element.name = "ko_unique_" + (++ko.bindingHandlers['uniqueName'].currentIndex);

            // Workaround IE 6/7 issue
            // - https://github.com/SteveSanderson/knockout/issues/197
            // - http://www.matts411.com/post/setting_the_name_attribute_in_ie_dom/
            if (ko.utils.isIe6 || ko.utils.isIe7)
                element.mergeAttributes(document.createElement("<input name='" + element.name + "'/>"), false);
        }
    }
};

因此，您可以创建一个使用最后一个索引并设置适当属性的自定义绑定

ko.bindingHandlers.valmsg = {
    init: function(element) {
        element.setAttribute("data-valmsg-for", "ko_unique_" + ko.bindingHandlers.uniqueName.currentIndex);
    }
};

现在，您只需使用它即可：

<tr>
    <td>
         <input data-bind='value: type, uniqueName: true' data-val="true", data-val-required="The Type field is required"  />
    </td>
</tr>
<tr>
     <td class="field-validation-valid" data-bind="valmsg: true" data-valmsg-replace="true"></td>
</tr>