logo

jQueryのsubmit()

ユーザーがフォームを送信しようとすると、jQuery submit イベントが要素に送信されます。

ソートされたJavaのリスト

このイベントは要素にのみ付加されます。フォームは、送信ボタンをクリックするか、特定のフォーム要素にフォーカスがあるときにキーボードの Enter ボタンを押すことによって送信できます。 submit イベントが発生すると、submit() メソッドは実行する関数をそれにアタッチします。

構文 :

 $(selector).submit() 

選択した要素の送信イベントをトリガーします。

 $(selector).submit(function) 

送信イベントに関数を追加します。

jQuery submit() イベントのパラメータ

パラメータ 説明
関数 これはオプションのパラメータです。送信イベントの実行時に実行する関数を指定するために使用されます。

jQuery submit() イベントの例

jQuery submit() イベントを示す例を見てみましょう。

 submit demo p { margin: 0; color: blue; } div,p { margin-left: 10px; } span { color: red; } <p>Type &apos;javatpoint&apos; to submit this form finally.</p> <span></span> $( &apos;form&apos; ).submit(function( event ) { if ( $( &apos;input:first&apos; ).val() === &apos;javatpoint&apos; ) { $( &apos;span&apos; ).text( &apos;Submitted Successfully.&apos; ).show(); return; } $( &apos;span&apos; ).text( &apos;Not valid!&apos; ).show().fadeOut( 2000 ); event.preventDefault(); }); 
今すぐテストしてください

出力:

中央のCSSのボタン

最後に「javatpoint」と入力してこのフォームを送信します。