使用javascript时验证不起作用

【问题标题】：validate not work when use javascript使用javascript时验证不起作用
【发布时间】：2015-07-14 11:57:52
【问题描述】：

当我在视图中使用时

<select data-val="true" data-val-required="Выберете" значение="" 

id="DirectionSide" name="DirectionSide"><option value=""></option>
<option value="27b8c509-8f09-4a0d-ae22-048c2611b7ea">По ходу движения </option>
<option value="f40319b8-aa82-4182-bec2-4c9b0ba0146d">Против хода движения</option>
<option value="7436112a-122c-4809-9f6c-c5aefff17d6d">На центр перекрестка</option>
<option value="266ea166-67e8-446b-95b1-288b0b876eed">Вращается</option>
</select>

这项工作但是当我在javascript的帮助下输入时，它不起作用例如

$("#InsertPhoto").before("....");

有什么想法吗？

【问题讨论】：

标签： jquery asp.net-mvc jquery-validate

【解决方案1】：

当我在 javascript 的帮助下输入时，它不起作用

那是因为.validate() 方法已经被调用并且插件已经被初始化了。（如果您将unobtrusive-validation 与ASP 一起使用，那么不显眼的插件已经为您调用了.validate()。）如果在调用.validate() 时select 还不存在，那么您不能指望插件知道关于它。

如果您要在页面加载后（以及在调用.validate() 之后）动态创建任何新元素，那么您必须使用the .rules('add') method。

$("#InsertPhoto").before("...."); // <- your code

$('select[name="DirectionSide"]').rules('add', {
    required: true
});

【讨论】：