javascript - 在 Jquery 验证插件中使用自己的自定义消息和规则验证选择框

Question

当我使用 jquery 验证插件时，它无法为我的下拉框正常工作..

我的html代码是

<select class="control-select form-control" name="job_title" id="job_title" >
  <option value="Select Role">-- Select Role--</option>                              
  <option value="Admin" {{ ($admin->job_title=="Admin") ? "selected" : "" }}>Admin</option>
  <option value="Subadmin" {{ ($admin->job_title=="Subadmin") ? "selected" : "" }}>Subadmin</option>
  <option value="Superadmin" {{ ($admin->job_title=="Superadmin") ? "selected" : "" }}>Superadmin</option>
</select>

在 jquery 验证规则里面我是这样的

"job_title": {
    required: true
},

但是没有用，那么将选择框设置为必填字段的替代方法是什么

Answer 1

它工作完美，问题出在你的 html 中，检查这一行:

<option value="Select Role">-- Select Role--</option>  

要使用验证插件验证下拉列表，您必须将第一个下拉列表值作为空白传递，例如:

<option value="">-- Select Role--</option>  

试试这个，它会解决你的问题。

说明: require 验证将检查 value 属性，但在您的情况下，值在那里 value="Select Role "，所以将第一个下拉值留空。

Working Fiddle