Question

我有一个网页表单并使用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>

我认为我的问题可能是这些选择的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>

Jquery验证不适用于select

1 个答案: