Question

我正在尝试动态地向多个文本框添加验证规则。这是js：

            //validate form.
            $("#SubmitForm").validate();
            $("input[id*=Hours]").rules("add", {
                number: true,
                messages: {
                    number: "Please enter a valid Hours"
                }
            });

这会将规则应用于页面上第一个带有“小时”的文本框，但不会将其应用于任何其他文章。

有人知道这里有什么问题吗？

谢谢，贾斯汀

Answer 1

您可以将规则添加到通配符选择器与.each()匹配的每个项目中，如下所示：

$("#SubmitForm").validate();
$("input[id*=Hours]").each(function() {
    $(this).rules("add", {
        number: true,
        messages: {
            number: "Please enter a valid Hours"
        }
    });
});

希望这有帮助！

Answer 2

我能够做到这一点：

<%
           int index = 0;
           foreach (var log in Model.InvoiceLogs) { 
            %>
                <tr>
                    <td class="topalign">
                        <%: log.LogDate.ToShortDateString() %>
                        <%: Html.Hidden("InvoiceLogs[" + index + "].InvoiceID", log.InvoiceID) %>
                        <%: Html.Hidden("InvoiceLogs[" + index + "].InvoiceLogID", log.InvoiceLogID) %>
                    </td>
                    <td class="editor-field-medium"><%: Html.TextArea("InvoiceLogs[" + index + "].Description", Convert.ToString(ViewData["Description_" + log.InvoiceLogID]))%></td>
                    <td class="editor-field-small topalign">
                        <%: Html.TextBox("InvoiceLogs[" + index + "].Hours", ViewData["Hours_" + log.InvoiceLogID])%>
                        <script type="text/javascript">
                            $(document).ready(function () {
                                $("#InvoiceLogs_<%: index %>__Hours").rules("add", {
                                    number: true,
                                    messages: {
                                        number: "Invalid Hours"
                                    }
                                });
                            });
                        </script>
                    </td>
                </tr>
            <% 
               index++;
           } 
           %>
        </table>

然而，这似乎不是一个好的解决方案。将验证规则动态添加到输入控件列表的适当方法是什么？

jQuery - 将验证规则动态添加到多个文本框

2 个答案: