2013-10-30 94 views
1

我有一个web窗体并使用jquery验证,页面上有多个选择。我面临有点尴尬的问题我的一个选择正在验证,另一个选择不是。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

回答

1

你没有给name属性,检查name属性此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> 
+0

完美的作品:) ..你是拯救生命;):) :) ..感谢花花公子:) –