5

HTML5 マークアップをサポートする新しいブラウザー バージョンでフォームを送信し、フォームに input type="email"無効な電子メール アドレス値が含まれている場合、フォームは送信されません。これは問題ありません。また、次のようなバブル アラートが表示されます。"Please enter an email address"

ここに簡単なデモがあります。

まあ、これはある意味いいことです。デモでは、ポップアップが定義済みのエラーを隠していることがわかります。泡が出ないようにする方法はありますか？または、バブルのスタイルをオーバーライドできますか?

4

1 に答える 1

10

属性を使用して、ブラウザーの組み込みの検証を停止できますnovalidate。

<form action="" novalidate></form>

または、この JavaScript プロパティと独自のエラー メッセージを使用して、オーバーレイのコンテンツを変更できます。

var element = [selector that selects the input field];
element.setCustomValidity('This is not a valid e-mail');

しかし、このブラウザ要素を自分でスタイルすることはできないと思います。

于 2012-07-28T14:39:43.803 に答える