JavaScript でフォームを送信するにはどのような方法がありますか?

清浅
リリース: 2019-02-28 16:10:58
オリジナル
8625 人が閲覧しました

JavaScript でフォームを送信するには 3 つの方法があります。送信ボタンを使用して直接フォーム送信を実装する方法、ボタン ボタンを使用して onclick イベントをトリガーしてフォーム送信を実装する方法、送信ボタンを使用して onsubmit イベントをトリガーしてフォームを実装する方法です。

ページ内のフォーム 送信は非常に一般的な方法です。この記事では、フォーム送信を実装するためのいくつかの方法を紹介します。## 参考にしてください。

JavaScript でフォームを送信するにはどのような方法がありますか?

#【おすすめコース: javascript チュートリアル #】

方法 1

送信ボタンを使用してフォーム送信効果を実現します

例:


First name:

Last name:


ログイン後にコピー

次のように上記のコードでは、送信ボタンをクリックすると、フォーム データがdemo.aspという名前のページに送信されます。送信ボタンによって実装されるフォーム送信は直接送信です。ただし、いくつかの方法を使用して、フォーム送信の必要性を確認したり、独自のカスタム ニーズに従ってフォームを送信したりできます。

方法 2

ボタン ボタンを使用できます。フォーム送信を実装するには、ボタン ボタンがクリックされると onclick イベントがトリガーされ、JavaScript の関数が入力内容が空かどうかを判断し、空の場合は false が返され、この時点ではフォーム送信は行われません。 。空でない場合、フォームはアクションで指定されたアドレスに送信されます。


用户帐号
登录密码
ログイン後にコピー

注: このメソッドでは、ボタン ボタンには自動送信の機能がないため、JavaScript ステートメントによって送信が実装されます。

メソッド 3

合格 送信ボタンを使用してフォームを送信します。送信ボタンをクリックすると、まず onsubmit イベントがトリガーされ、次に JavaScript の関数によって入力コンテンツが空かどうかが判断され、入力コンテンツが空の場合は false が返され、フォームは送信されません。入力内容が空でない場合は、action で指定されたアドレスに送信されます


用户帐号
登录密码
ログイン後にコピー

概要: 上記がこの記事の全内容です。この記事が、フォームを送信するいくつかの方法を誰もが学ぶのに役立つことを願っています。フォーム。

以上がJavaScript でフォームを送信するにはどのような方法がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!