javascript - プログラム経由で HTML 5 検証メッセージを表示する

Question

HTML 5 検証メッセージを手動で (つまり、コードを介して) 表示したいと思います。私の理解では、このメッセージを呼び出す直接的な方法はありません。ただし、送信ボタンをクリックすることで提出できます。

HTML本文をクリックすると、検証メッセージ（フィールドが無効な場合）を表示しようとしました：

// if url is invalid, display the error message.
if(!$('#theurl')[0].checkValidity()){

    console.log('Button Click');
    $('#btn').click();

}

これは同じためのjsfiddleです。残念ながら、上記のコードはクラッシュしています。理由がわかりません。代わりに、偽のボタンを手動でクリックすると、正常に機能します。

これを達成するのを手伝ってください。

score 4 · Accepted Answer

問題は、クリック関数がパラメーター 'e' を取得しているのに、パラメーター「イベント」を探していることです。

$('body').click(function(e){

呼び出し

    $(event.target)

「e.target」に変更すると動作します：

また、checkValidity関数はフォーム内の個々のアイテムからではなく、フォームから呼び出されます。したがって、次のように checkValidity 関数を呼び出すと:

document.forms[0].checkValidity()

そのため、クラッシュが停止します。

3 に答える 3