モバイルでフォーム検証

Question

モバイルでフォームを表示しているときに、すべての検証が終了したことに気付きました。メールアドレスを「@」または「。」なしで送信することができます。私はパターン属性を使ってこれを処理していたと思っていました。デスクトップ上ではシームレスに動作しますが、モバイルでは動作しません。私がここで間違っていることに関するアイデアは？無効なデータがある場合には、ほとんどが関与APIをサポートしていませんが、ほとんどの携帯電話のブラウザでは、フォームの送信を防ぐことはできませんいくつかの理由

<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

。

よい議論のためにhttp://www.telerik.com/blogs/four-options-for-mobile-form-validation#html5を参照してください。