具有动态添加控件的 jQuery 验证插件

Question

在 ASP.Net 中，我使用 jQuery.tmpl 动态添加控件。

我正在使用 $("#form1").validate(); 初始化 $(document).ready() 函数 中的验证器，我的动态控件具有 class="required"，并且我在点击事件上调用 $("#form1").valid()。

页面上的静态控件有效，但动态添加的控件则不然。这里出了什么问题？

此外，动态控件使验证器表现得很奇怪，当我单击不同的控件时，会显示和隐藏验证消息。

示例:http://jsfiddle.net/wY6xt/2/

Answer 1

您是否向动态添加的控件添加规则？看看这个link 。下面给出的是执行此操作的方法。我认为由于控件是动态添加的，因此无法将规则(在您的案例类中)与控件关联起来(我不太确定，但我认为值得一试)。

$("#txtEmail_1").rules("add", "required");

HTH