2012-05-22 69 views
1

我正在使用jQuery工具驗證器來驗證我網站上的表單,並確保它在Firefox,Chrome和IE中正常工作。我也在iPhone上測試過它,並且一切正常,直到我在iPad上測試它爲止!在iPad上的jQuery工具驗證器消息位置

當你點擊提交時出現錯誤工具提示,但它似乎在頁面的頂部,而不是相對於表單元素,就像它在所有其他瀏覽器上一樣!

即時通訊使用最新的完整版的jQu​​ery 1.2.7工具

有誰知道有修復的?

這裏是我的HTML ...

<form id="myform" action="/cgi-bin/mailer.pl" method="post"> 
    <fieldset> 
     <h3>Enquire About This Holiday</h3> 
     <p>Please fill in the form below, items marked with a * require completing.</p> 
     <p> 
     <label><strong>Full Name *</strong></label> 
     <input name="name" id="name" type="text" required="required" class="full" pattern="[a-zA-Z ]{3,}" data-message="Error Please Complete" maxlength="30" autocomplete="off"/> 
     </p> 
     <p> 
     <label><strong>Telephone Number *</strong></label> 
     <input name="telephone" id="telephone" type="tel" class="full" autocomplete="off"/> 
     </p> 
     <p> 
     <label><strong>E-Mail Address *</strong></label> 
     <input name="email" id="email" type="email" required="required" class="full" data-message="Error Please Complete" autocomplete="off" /> 
     </p> 
     <p> 
     <label><strong>Which date &amp; ship are you interested in? *</strong></label> 
     <input name="date" id="date" type="text" required="required" class="full" data-message="Error Please Complete" autocomplete="off" /> 
     </p> 
     <p> 
     <label><strong>If applicable which airport will you require?</strong></label> 
     <input name="airport" id="airport" type="text" class="full" autocomplete="off" /> 
     </p> 
     <p> 
     <label><strong>Passengers *</strong></label> 
     <input name="adults" id="adults" type="text" required="required" class="passengers" data-message="Error Please Complete" size="4" autocomplete="off" /> 
     Adults 
     <input name="kids" id="kids" type="text" class="passengers" size="4" autocomplete="off" /> 
     Children 
     </p> 
     <p id="terms"> Please check this box if you do NOT wish to be added to our e-mail list 
     <input type="checkbox" name="nomail" id="nomail" value="No" /> 
     </p> 
     <button type="submit">Submit Details</button> 
     <button type="reset">Reset</button> 
      <input type="hidden" value="callback-thanks.phtml" name="redirect" /> 
      <input type="hidden" name="mailerid" value="7" /> 
      <input type="hidden" name="enquiry" id="enquiry" value="Lewis Test" /> 
      <input type="hidden" name="affiliate" id="affiliate" value="[INC:displayphoneno("143")]" /> 
    </fieldset> 
    </form> 
    <script> 
     $("#myform").validator({ 
     position: 'center left', 
     offset: [0, -151], 
     }); 
    </script> 

回答