Jquery验证不适用于选择

Question

我有一个 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

Answer 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>