Jquery 验证不适用于 select 元素

Question

我有一个通过 jquery 验证的表单，它适用于 select 输入以外的所有字段。

这是我的html（带剃刀）

 <select id="properties" name="properties" class="required form-control">
     <option value="">Select a Property</option>
     @foreach (var item in Model.Properties)
     {
        <option value="@item.Name">
            @item.Name
        </option>
     }
 </select>

还有我的jquery：

$(function () {
    $("#properties").on("change", function () {
       $("#propertyName").val($(this).val());
    });

    $("#form").validate();
    $.extend($.validator.messages, { required: "*", email: "Invalid email address." });
});

我将第一行设置为空值，但没有用！

我看不出有什么原因导致它不起作用，请指教。

Answer 1

感谢@errand 的评论，我找到了答案！

我正在查看我的代码以便 post 其余字段，我注意到 <select> 元素在 <form> 之外，因此对此进行验证元素从未被触发！

谢谢！

Jquery 验证不适用于 select 元素

Jquery validation is not working with a select element

jquery

select

jquery-validate