WebForms 中的 jQuery 验证答案

【问题标题】：jQuery Validation in WebFormsWebForms 中的 jQuery 验证
【发布时间】：2014-02-11 16:13:49
【问题描述】：

在Asp.Net母版页和内容页场景中，我们如何在母版页中定义jquery验证的所有选项，如下所示...

$('form').validate({
    errorElement: "span",
    errorClass: "ErrorText",
    errorPlacement: function (error, element) {
        if (element.is(":radio")) {
            error.insertAfter(element.closest('ul.radio'));
        } else if (element.is(":checkbox")) {
            error.insertAfter(element.next());
        } else {
            error.insertAfter(element);
        }
    },
    highlight: function (element, errorClass, validClass) {
        return false;  // this will override error class applying on element.
    },
    unhighlight: function (element, errorClass, validClass) {
        return false;  // this will override error class applying on element.
    }
});

...然后通过为该页面单独加载验证规则来验证内容页面上的控件。

我为每个内容页面分别加载了单独的脚本，然后在母版页上加载了一个通用脚本，其中包含上面定义的所有验证选项。

这种方法的问题在于 ASP.Net Web 表单中的单一表单。

代码：

内容页面脚本示例：

$('#controlid').rules('add', {
    required: true
});

【问题讨论】：

需要加载jquery & jquery验证引擎
它们已作为先决条件加载。
能否在jsfiddle上提供代码
jsFiddle 无助于解释上述情况。但是，我已经更新了问题以进行详细说明。
请提供表单 ID 代替表单

标签： jquery asp.net validation webforms

【解决方案1】：

我犯了几个错误...

1) 加载内容页脚本后，在母版页中添加了验证选项脚本，这未将验证规则正确注册到控件。

2) 在为单个页面分离文件之前，我使用了一个脚本文件，其中包含所有页面的所有控件的所有验证规则。因此，对于没有找到具有特定 id 的控件的每个页面，它都会给出错误“form” element cannot be found。

也许有人可以从我的错误中吸取教训！！！ :)

【讨论】：