使用javascript时验证不起作用

Question

当我在视图中使用时

<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("....");

有什么想法吗？

Answer 1

  

当我使用javascript的帮助时 - 它不起作用

那是因为已经调用了.validate()方法并且初始化了插件。 （如果您正在使用unobtrusive-validation和ASP，那么不显眼的插件已经为您调用.validate()。）如果调用select时.validate()尚未存在，那么你不能指望插件知道它。

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

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

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