1
我正在使用jQuery工具驗證器來驗證我網站上的表單,並確保它在Firefox,Chrome和IE中正常工作。我也在iPhone上測試過它,並且一切正常,直到我在iPad上測試它爲止!在iPad上的jQuery工具驗證器消息位置
當你點擊提交時出現錯誤工具提示,但它似乎在頁面的頂部,而不是相對於表單元素,就像它在所有其他瀏覽器上一樣!
即時通訊使用最新的完整版的jQuery 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 & 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>