jQuery.submit()関数の詳しい説明

さらに、同じ要素に対してこの関数を複数回呼び出して、複数のイベント ハンドラーをバインドすることができます。 submitイベントがトリガーされると、jQueryはバインドされたイベント処理関数をバインド順に実行します。

submit() 経由でバインドされたイベントを 削除するには、unbind() 関数を使用してください。

この関数はjQueryオブジェクト(インスタンス)に属します。

構文

jQueryObject.submit( [ [ data ,] handler ] )

少なくとも 1 つのパラメーターが指定されている場合は、送信イベントのハンドラー関数をバインドすることを意味します。パラメーターが指定されていない場合は、送信イベントがバインドされることを意味します。引き金になった。

パラメータ

パラメータの説明

data オプション/イベントがトリガーされたときに、event.data を通じてイベント処理関数に渡す必要がある任意のタイプのデータ。

handler 関数タイプで指定されたオプション/イベント ハンドラー関数。

jQuery 1.4.3 の新しいサポート: submit() は data パラメーターをサポートします。

パラメータハンドラー内の this は、現在の DOM 要素を指します。 submit() は、現在のイベントを表す Event オブジェクトというパラメーターもハンドラーに渡します。

関数ハンドラーの戻り値が false の場合、要素のデフォルト イベント behavior を防止し、DOM ツリー内でのイベントのバブリングを停止することを意味します。たとえば、 リンクのクリック イベントのハンドラー関数が false を返す場合、リンクのデフォルトの URL ジャンプ動作を防ぐことができます。 フォームの送信イベントのハンドラー関数が false を返すため、フォームのデフォルトのフォーム送信動作が妨げられる可能性があります。

submit()関数の戻り値はjQuery型で、現在のjQueryオブジェクトそのものを返します。

例と説明

次の初期 HTML コードを参照してください:

<form id="myForm" action="http://www.365mini.com" method="post">
    <input id="name" name="name" type="text" value="CodePlayer" /><br>
    <input id="age" name="age" type="text" value="20" /><br>
    <input type="submit" value="提交" />
</form>
<div id="msg"></div>

ここで、ハンドラー関数を 要素の submit イベントにバインドします (複数のバインドが可能で、それらは順番に実行されます)。トリガーされたときのバインディング順序で) ):

$("form").submit( function(event){
    if( !$("#name").val() ){
        alert("姓名不能为空!");
        return false; // 返回值为false，将阻止表单提交
    }else if( !$("#age").val() ){
        alert("年龄不能为空!");
        return false; // 返回值为false，将阻止表单提交
    }
} );
// 触发form元素的submit事件
// $("form").submit( );

いくつかの追加データをイベント ハンドラー関数に渡すこともできます。さらに、イベント処理関数の jQuery によって渡されるパラメーター Event オブジェクトを通じて、現在のイベントに関する関連情報 (イベント タイプ、イベントをトリガーした DOM 要素、追加データなど) を取得できます。

以上がjQuery.submit()関数の詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。