ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery でデータのフォーム送信を防ぐ方法

jQuery でデータのフォーム送信を防ぐ方法

coldplay.xixi
coldplay.xixiオリジナル
2020-11-26 13:55:164478ブラウズ

フォームからのデータの送信を禁止する jQuery メソッド: 最初に JS を使用して false を返す関数を記述し、次に from form タグで onsubmit イベントを使用します。最後に submit 関数を使用してフォーム送信イベントを制御します。 。

jQuery でデータのフォーム送信を防ぐ方法

このチュートリアルの動作環境: Windows 7 システム、jquery バージョン 3.2.1. この方法は、すべてのブランドのコンピューターに適しています。

jQuery がフォームからのデータ送信を禁止する方法:

1. たとえば、このフォームのデフォルトのアクションは

## であり、送信後に到着します。 ##### (例)。

jQuery でデータのフォーム送信を防ぐ方法

#2. フォーム送信が無効になっている場合は、どのように送信ボタンを押してもジャンプしません。

jQuery でデータのフォーム送信を防ぐ方法

#3. フォームがデータを送信できる場合は、ブラウザのアドレスが変更されるため、フォームについて知っておく必要があることは限られています。

jQuery でデータのフォーム送信を防ぐ方法

#4. 次に、JS を使用して false を返す関数を記述します。もちろんフォームの判定条件は自分で追加する必要があります。ここでは false を返すだけです。

jQuery でデータのフォーム送信を防ぐ方法

#5. 次に、from form タグの onsubmit イベントを使用して、フォームを送信できるかどうかを設定します。

jQuery でデータのフォーム送信を防ぐ方法

#6. jQuery を使用してフォーム送信を無効にするのは非常に簡単です。 submit 関数を使用してフォーム送信イベントを制御することもできます (送信の効果を得るためにフォームを取得する必要があることに注意してください)。 false を返すこともできます。同様に、フォームの判定条件も自分で設計する必要があります。

jQuery でデータのフォーム送信を防ぐ方法

関連する無料学習の推奨事項: javascript

(ビデオ)

プログラミング関連の知識について詳しくは、こちらをご覧ください。訪問: プログラミング学習

! ! ###

以上がjQuery でデータのフォーム送信を防ぐ方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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