Проверка не работает с динамически добавленными полями

Question

Я разрабатываю приложение ASP.NET MVC 5 с Razor, C# и .NET Framework 4.6.1.

У меня проблема с проверкой на поля ввода, которые я генерирую динамически с помощью jQuery.

Это то, что создает ASP.NET Бритва:

<input class="productClass" data-val="true" data-val-length="No más de 50 caracteres" data-val-length-max="50" data-val-required="Campo necesario" id="Configurations[0].Name" name="Configurations[0].Name" type="text" value="Estuche" /> 
<span class="field-validation-valid" data-valmsg-for="Configurations[0].Name" data-valmsg-replace="true"></span> 

Это то, что я генерировать с JQuery:

<input type="text" name="Configurations[3].Name" id="Configurations[3].Name" data-val-required="Campo necesario" data-val-length-max="50" data-val-length="No más de 50 caracteres" data-val="true" class="productClass" ></input> 
<span data-valmsg-replace="true" data-valmsg-for="Configurations[3].Name" class="field-validation-valid"></span> 

Оба имеют одни и те же поля данных с одинаковым значением. Единственное отличие - тот, который я генерирую, имеет разные порядки в его атрибутах.

Валидация работает на входах, создаваемых с помощью ASP.NET Razor, но моя работа не работает. Я могу установить пустое значение в NAME и не проверять его.

Вы видите что-то не так? Любой совет?

Answer 1

Добавьте следующий код при генерации динамических полей в скрипте:

$("form").removeData("validator"); 
$("form").removeData("unobtrusiveValidation"); 
$.validator.unobtrusive.parse("form");