动态创建字段的Jqueryvalidation

我有基本的JavaScript代码来生成输入文本区域，如下所示

$("#btnAdd").click(function (e) { var itemIndex = $("#container input.iHidden").length; e.preventDefault(); var newItem = $("" + itemIndex + "   

"); $("#container").append(newItem); }); 

我有一个动态字段的表单。 我正在为其他元素使用jqueryvalidation器。 现在我也想validation这个动态创建的字段。

对于静态字段，我的工作validation脚本。

  $('#frm_register').validate({ focusInvalid: false, ignore: "", rules: { FirstName: { required: true } .... 

这里是我动态字段的示例。

Answer 1

在创建新的input元素后，您可以立即使用.rules('add')方法 …

 $("#btnAdd").click(function (e) { var itemIndex = $("#container input.iHidden").length; e.preventDefault(); var newItem = $("" + itemIndex + "   

"); $("#container").append(newItem); // add the rules to your new item $('Interests_' + itemIndex + '__Id').rules('add', { // declare your rules here required: true }); }); 

或者，对于像required的简单规则，您可以在创建新元素时将required="required"属性添加到新元素中…

 $("#btnAdd").click(function (e) { var itemIndex = $("#container input.iHidden").length; e.preventDefault(); var newItem = $("" + itemIndex + "   

"); $("#container").append(newItem); });