Question

当表单字段名称/ id不固定时（每个表单不同），在多个字段的jquery中进行验证的最佳方法是什么？例如：

<form>
   <p>Select Colour</p>
       <select name="M100" id="M100">
          <option value="" disabled="disabled">Please Select</option>
          <option value="red">Red</option>
          <option value="blue">Blue</option>
       </select>
       <div id="M100error"></div>

   <p>Select Size</p>
       <select name="M101" id="M101">
          <option value="" disabled="disabled">Please Select</option>
          <option value="S">Small</option>
          <option value="M">Medium</option>
          <option value="L">Large</option>
       </select>
       <div id="M101error"></div>

   <p>Select Gender</p>
       <input type="radio" name="M102" id="M102" value="male">Male<br>
       <input type="radio" name="M102" id="M102" value="female">Female<br>
       <div id="M102error"></div>

   <input type="submit" value="submit form">
</form>

Serialize（）不会选择已禁用的选项值。

在Jquery中我需要做这样的事情

获取表格中的所有div或表格字段名称并浏览每一个（M100，M101.M102）
检查它们不是空的
如果为空/未选择，则输出消息（M100error，M101error，M102error）
如果没有错误则运行脚本

谢谢赭色

Answer 1

只需在required上设置<select>属性即可。设置后，具有空值的选项将被视为无效，并且不会提交表单。

Demo on JSFiddle

多个字段的jquery验证

1 个答案: