2011-09-08 14 views
1

HTML5フォーム検証エラーメッセージをプログラムで閉じるにはどうすればよいですか?HTML5フォーム検証エラーメッセージをプログラムで閉じるにはどうすればよいですか?

フォームの検証エラーメッセージがポップアップした後、プログラムで閉じるか、非表示にするにはどうすればよいですか?

私はOpera 11.51を使用しています。

+1

「フォームの検証エラーメッセージ」とは?あなたは '警告'ボックスを意味しますか? –

+0

@ Xeon06、Opera、Chrome、Firefoxなどの最新バージョンでhttp://www.diveintohtml5.org/examples/input-required.htmlを試してください。エラーメッセージが表示されます。私はプログラムでエラーメッセージを閉じたいです。 – XP1

+0

Oh snap。それはすばらしい質問です。その情報をメインの投稿に追加したいと思います。 –

答えて

3

入力フィールドがHTML5で無効な場合、要素に「無効な」属性が設定されます。それを非表示にするには、私はあなたがこのイベントをキャプチャしてから戻って有効に設定するfalseを返すことができると信じて:

<script type="text/javascript"> 
<!-- // suppress "invalid" event 
$('#element').bind('invalid', function() { 
    return false; 
}); 
// --> 
</script> 
+0

ただし、エラーメッセージを最初に表示してから、一定期間後またはイベント後に、プログラムでエラーメッセージを閉じたいとします。 – XP1

+2

私はプログラム的に要素の妥当性を設定する方法と一緒に遊んできましたが、良い答えが見つかりません。 これはちょっとハックですが、フォーカスを失ったときにエラーメッセージが消えて、要素を単にぼかしてからフォーカスを送り返すことができます。 –

+0

'inputElement.blur(); inputElement.focus(); 'が動作します。私たちがより良い方法を発見するまで、これを受け入れます。 – XP1

-1

あなたの質問は非常に曖昧ですが、あなたはあなたのユーザーの権利を与えるエラーメッセージをクリアできるような何かを意味すると思いますか?

指定したdivボックスにエラーメッセージが表示されている場合は、onClick関数を使用してそのdivからメッセージを消去してください。このようなもの。

document.onMousedown=function(ev){ 
document.getElementById('THE DIV WITH THE ERROR MESSAGE').innerHTML = null; 

} 
+1

いいえ、HTML5のクライアント側フォーム検証エラーメッセージについて説明しています。上記のOPのhttp://www.diveintohtml5.org/forms.html#validationとコメントを参照してください。 – XP1

関連する問題