Jquery验证不适用于选择

Posted 2023-05-09

【中文标题】Jquery验证不适用于选择

【英文标题】：Jquery Validation not working for select

【发布时间】：2013-11-09 15:40:30

【问题描述】：

我有一个 web 表单并使用 jquery 验证，页面上有多个选择。我面临一个尴尬的问题，我的一个选择正在验证，而另一个选择没有。

我的网络表单代码：

 <select id="C^4_DRP" class="form-control required">
            <option value="">Select </option>


                <option value="5 Days">5 Days  </option>
                <option value="9 Days">9 Days  </option>
                <option value="16 Days">16 Days  </option>
                <option value="22 Days">22 Days  </option>
                <option value="30 Days">30 Days  </option>
                <option value="45 Days">45 Days  </option>
                <option value="60 Days">60 Days  </option>
                <option value="75 Days">75 Days  </option>
                <option value="90 Days">90 Days  </option>
                <option value="Annual">Annual  </option>
        </select>


<br/>
<select id="C^6_DRP" class="form-control required">
            <option value="">Select </option>


                <option value="Worldwide excluding USA/Canada">Worldwide excluding USA/Canada   </option>
                <option value="Worldwide including USA/Canada">Worldwide including USA/Canada  </option>
                <option value="Middle East">Middle East, North Africa  </option>
        </select>

我认为我的问题可能是这些 select 的 id 。其中包含特殊字符，jquery.validate.js 无法找到。但是为什么它在第一次选择时工作，当我的光标在第二次选择时它开始工作（只是显示错误实际上没有验证）。

我的问题的jQuery小提琴链接是：Fiddle link of my problem

【参考方案1】：

你没有给名字属性，检查这个fiddle

名称属性的验证工作

<select id="C^4_DRP"  name="C^4_DRP" class="form-control required">
    <option value="">Select</option>
    <option value="5 Days">5 Days</option>
    <option value="9 Days">9 Days</option>
    <option value="16 Days">16 Days</option>
    <option value="22 Days">22 Days</option>
    <option value="30 Days">30 Days</option>
    <option value="45 Days">45 Days</option>
    <option value="60 Days">60 Days</option>
    <option value="75 Days">75 Days</option>
    <option value="90 Days">90 Days</option>
    <option value="Annual">Annual</option>
</select>
<br/>
<select id="C^6_DRP" name="C^6_DRP" class="form-control required">
    <option value="">Select</option>
    <option value="Worldwide excluding USA/Canada">Worldwide excluding USA/Canada</option>
    <option value="Worldwide including USA/Canada">Worldwide including USA/Canada</option>
    <option value="Middle East">Middle East, North Africa</option>
</select>

【讨论】：

完美运行 :) .. 你是救生员 ;) :) :) ..谢谢老兄 :)