2011-09-15 48 views
1

我使用jQuery验证插件为简单的表单(名称,电子邮件和电话号码)。除了电话,这使一类的错误,尽管我打字正确的电话号码一切运作良好...jQuery验证插件的奇怪行为

这里是代码中的相关部分: 形式:

 <form action="" method="post"> 
      <h2>Devis gratuit</h2> 
      <ul id="errorHolder"></ul> 
      <div class="field"> 
       <input type="text" name="name" placeholder="Nom"/> 
      </div> 
      <div class="field phone-field"> 
       <input type="text" name="phone" placeholder="Téléphone"/> 
      </div> 
      <div class="field email-field"> 
       <input type="text" name="email" placeholder="Email"/> 
      </div> 
      <label><input type="checkbox" name="optin"/> Recevez des offres promotionnelles</label> 
      <button type="submit">Envoyer</button> 
     </form> 

和SET规则:

rules: { 
    name: "required", 
    phone: { 
     required: true, 
     minlength: 8, 
      maxLength: 10, 
      digits: true 
    }, 
    email: { 
     required: true, 
     email: true 
    } 
} 
+0

你是怎么输入电话号码的?你是否用破折号? + S? – Matt

+0

不是,这是法国的电话号码,没有破折号,如下所示:0101010101 – Krimo

+1

maxLength可能是错误的,请尝试使用maxlength。 – Matt

回答

1

。在你的代码中的错误,它应该是:

rules: { 
name: "required", 
phone: { 
    required: true, 
    minlength: 8, 
    maxlength: 10, //not maxLength 
    digits: true 
}, 
email: { 
    required: true, 
    email: true 
} 

看看docs

+0

谢谢!一组新的眼睛总是很好;) – Krimo