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

巴扎黑
リリース: 2017-06-29 10:31:41
オリジナル
6186 人が閲覧しました

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

フォームが送信されると、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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート