手機中的表單驗證

Question

當我們在移動設備上查看表單時，我注意到所有驗證都消失了，我只需提交電子郵件地址即可，不帶任何“ @”或“。”。 我以為我已經用pattern屬性解決了這個問題，它可以在桌面上無縫運行，但不能在移動設備上運行。 對我在這里做錯的任何想法嗎？

   <input type="email" name="email" placeholder="type your email..." class="textInput defaultText required email input-text" pattern="/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/" />

Answer 1

由於某些原因，大多數手機瀏覽器不會在數據無效時阻止表單提交，盡管大多數瀏覽器都支持所涉及的API。

參見http://www.telerik.com/blogs/four-options-for-mobile-form-validation#html5進行了很好的討論