iPad上的表單驗證和設計

Question

我知道這個問題不是特定於編程問題，而是關於編程和一般設計。

我在寫單個iPad設備上使用的web應用程序（目前無論如何），而且我遇到了兩件事情：表單驗證和表單設計。

首先，我無法使用HTML5在iPad上使用表單驗證。它可以在PC上正常工作，但對iPad上的safari或chrome沒有任何影響。提交表單不會觸發驗證錯誤，並且CSS不會識別:invalid僞標記。我如何工作？ h5Validate for jquery似乎不起作用。這裏是我的代碼：

 <form action="/contact_submit.php" method="post" autocomplete="off"> 
      <label for="name">Name:</label> 
      <input id="name" name="name" type="text" required autocorrect="off" autocaptialize="words" autofocus maxlength="30" inputmode="latin-name" placeholder="Full Name"> 
      <label for="email">Email:</label> 
      <input id="email" name="email" type="email" autocorrect="off" maxlength="75" inputmode="email" placeholder="jon@sample.com"> 
      <label for="tel">Phone:</label> 
      <input id="tel" name="tel" type="tel" required inputmode="tel" maxlength="11" placeholder="2285555555"> 
      <label for="message">Message:</label> 
      <textarea id="message" name="message" autocapitalize="sentences" placeholder="Any additional information you'd like us to know"></textarea> 
      <button id="submit" type="submit">Send</button> 
     </form> 

其次，多側面的問題的，我不是在形式設計的創造性方面很大，所以在那裏爲窗體佈局任何的jQuery或其他預開發的解決方案上的售貨亭？

Answer 1

我最終發現，因爲iPad沒有正確使用表單驗證，所以我必須手動將驗證類添加到h5validation腳本中，如文檔中所述。