ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery.submit()関数の詳しい説明

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

巴扎黑
巴扎黑オリジナル
2017-06-29 10:31:416139ブラウズ

submit() 関数は、ハンドラー関数を一致する各要素の送信イベントにバインドするために使用されます。この関数は、送信イベントをトリガーするために使用することもできます。さらに、いくつかの追加データを イベント ハンドラー 関数に渡すこともできます。

フォームが送信されると、submit イベントがトリガーされます。このイベントは ff9c23ada1bcecdd1a0fb5d5a0f18437 要素にのみ適用されます。

さらに、同じ要素に対してこの関数を複数回呼び出して、複数のイベント ハンドラーをバインドすることができます。 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 ツリー内でのイベントのバブリングを停止することを意味します。たとえば、3499910bf9dac5ae3c52d5ede7383485 リンクのクリック イベントのハンドラー関数が false を返す場合、リンクのデフォルトの URL ジャンプ動作を防ぐことができます。 ff9c23ada1bcecdd1a0fb5d5a0f18437フォームの送信イベントのハンドラー関数が 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>

ここで、ハンドラー関数を ff9c23ada1bcecdd1a0fb5d5a0f18437 要素の 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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。