现在强制执行动态创建的验证

Question

我正在创建这样一个动态元素：

 strDivAttend += "<div class=\"row\" id=\"otherAttendee__" + i + "\"><div class=\"col-md-12\"><div class=\"col-md-3\"><div class=\"form-group\">";
 strDivAttend += "<label class=\"control-label required\" for=\"newAttendees_" + i + "__AttendeeName\">Attendee Name</label>";
 strDivAttend += "<input type=\"hidden\" name=\"newAttendees.Index\" value='" + i + "' /><input class=\"form-control text-box single-line\" data-val=\"true\" data-val-required=\"The Attendee Name field is required.\" id=\"newAttendees_" + i + "__AttendeeName\" name=\"newAttendees[" + i + "].AttendeeName\" type=\"text\" value=\"\" />";
 strDivAttend += "<span class=\"field-validation-valid text-danger\" data-valmsg-for=\"newAttendees[" + i + "].AttendeeName\" data-valmsg-replace=\"true\"></span>";
 strDivAttend += "</div></div>";
 strDivAttend += "<div class=\"col-md-3\" style=\"margin-top: 35px;\">";
 strDivAttend += "<a id=\"removeOtherAttend__" + i + "\" href=\"javascript:void(0)\" class=\"removeButtonAttend\" style=\"color:#aaa;\"><i class=\"fa fa-times-circle\"></i>&nbsp; remove</a>";
 strDivAttend += "</div></div></div>";
$('#dvOtherAttendees').append(strDivAttend);   

我 运行 遇到的问题是，即使动态创建的脚本在其中进行了字段验证，但并未强制执行。任何帮助都会有所帮助。

Answer 1

客户端验证在初始页面加载时初始化，之后动态添加的任何元素都不会被验证，除非您重新解析文档。

$('form').removeData('validator').removeData('unobtrusiveValidation');
$.validator.unobtrusive.parse(document);