4

このマークアップはデスクトップ ブラウザで正常に動作します

<form class="form-inline" action="/action/sign-me-up" method="post" onsubmit="return false;">
<input type="email" placeholder="Email" class='email' required title="Join our email list">
</form>

input[type=email] に有効な電子メールを入力せずにフォームを送信すると、「このフィールドに入力してください」というポップオーバーが表示され、フォームが送信されません。

ただし、ipad では、ユーザーがメールを入力しているときにライブ検証 (赤い境界線) が表示されますが、送信を押してもポップオーバーは表示されません。

簡単な回避策はありますか、それとも jquery プラグインを使用する必要がありますか?

4

1 に答える 1

7

このメッセージは、HTML5 の「required」属性によってトリガーされるブラウザーのデフォルトです。残念ながら、iOS や他の多くのブラウザはまだサポートしていません。

http://caniuse.com/form-validation

jQuery で記述され、Modernizr の上に構築された Webshims ライブラリ ( http://afarkas.github.io/webshim/demos/ ) で解決したのとまったく同じ問題が発生しました。

于 2013-04-29T13:13:14.287 に答える