为什么我的选择框自定义 jquery 验证不起作用？

Question

我想验证我的选择框并尝试了不同的方法。

我不想让用户使用默认值 = “请选择”。

验证只在第一次工作，但是当我提交表单验证通过时。

我的 HTML 选择：

      <select id="website_category" name="website[category]" class="selectBox" style="display: none; "><option value="">--- please select ---</option>
       <option value="Banking">Banking</option>
       <option value="Computers">Computers</option>

这是我的代码：

 jQuery.validator.addMethod("notEqual", function(value, element, param) {
   return value != param;
  }, "Please select something");
  ...
  'website[category]': {
              notEqual: "--- please select ---"
        },

也试过

 required:true

这是我得到的。当我选择默认值时给我：

但是当我提交验证通过时：

为什么会这样？有人可以提出正确的解决方案吗？

Answer 1

最好的方法是将其设置为禁用，如下所示：

<select id="website_category">
 <option value="-1" disabled selected="selected">---please select---</option>
  ....
</select>

然后您检查客户端和服务器端的值 -1，以确保安全。

一旦用户更改了选择，您就不能再次选择该选项。这也会强制执行错误检查。