フォームアクションとonSubmitの例

フォームアクションとonSubmitの例
まず、action はフォームの属性です。HTML5 では必須の属性値として定義されています。onSubmit はイベントであり、<input type="submit" /> を通じて送信するときに関数の検証が行われます。 。

2 つ目: 実行順序については、私の個人的な理解では、onSubmit が最初に実行され、次に検証が実行されます。検証で false が返されると、action="url" アドレスに到達できません。 true を返すか、戻り値が与えられていない場合は、渡されて URL アドレスにリダイレクトされます。

コードをコピー
コードは次のとおりです。

関数チェック(){
var oText = document.getElementById("in").value;
アラート(oText);
if(oText == "false"){
false を返します。
}
それ以外 {
true を返します。
</span>


コードをコピー
コードは次のとおりです。

<span style="font-size:14px"> <form action="table1.html" onSubmit="return check();">
<div><input type="text" id="in" /><input type="submit" value="送信" /></div>
</フォーム></span>

onSubmit="return Fun();" ここでの return は必ず書かないといけないのですが、書くべきではないでしょうか?書かないようにしてみてもいいですよ! ! !

つまり、onSubmit は検証用であり、action はジャンプ後のリンク アドレスです。

<<:  JavaScript関数の詳細な紹介

>>:  CSSの固定位置属性の詳細な説明

推薦する

Reactはページの透かし効果の全プロセスを実現します

目次序文1. 使用例2. 実施プロセス3. コンポーネントコード要約する序文1. cavans では...

VueはEchartsを使用して3次元棒グラフを実装します

この記事では、Echartsを使用して3次元棒グラフを実装するVueの具体的なコードを参考までに共有...

DockerにTomcatコンテナを追加したときにホームページにアクセスできない問題の解決方法

質問docker run コマンドを使用して、tomcat コンテナが正常に追加されました。ポートも...

MySQL データベースの高度なクエリとマルチテーブルクエリ

MySQL マルチテーブルクエリワークシートを追加する -- ユーザーテーブル (ユーザー) テーブ...

yum の基本的な使い方と例(推奨)

yumコマンドYum (フルネームは Yellow dog Updater, Modified) ...

GitHub のサードパーティ認証方式を Vue で実装する例

目次OAuth アプリの作成コードを取得するaccess_tokenを取得するユーザー情報を取得する...

ファイアウォールルールの設定とコマンド(ホワイトリスト設定)の詳しい説明

1. ファイアウォールルールを設定する例1: ポート8080を外部に公開する ファイアウォールコマン...

nginx における proxy_pass のさまざまな使用法の詳細な説明

目次プロキシ転送ルール最初のもの: 2番目のタイプ: 3番目のタイプ: 4番目のタイプ: 5番目:プ...

VMware 仮想マシンの 3 つのネットワーク方式と原則 (概要)

1. ブリッジ: デフォルトでは VMnet0 が使用されます1. 原則:ブリッジは、それぞれ 2...

Linux parted ディスク パーティション実装手順の分析

fdisk と比較すると、parted はあまり使用されず、主に 2T を超えるパーティションに使用...

jQuery プロジェクトで重複送信を防ぐ方法

新しいプロジェクトでは、axios によって重複した送信を防ぐことができますが、古いプロジェクト (...

Webpack プロジェクトでローダー プラグインをデバッグする方法

最近、webpackの使い方を学んでいたときに、webpack-replace-loaderの設定正...

Vue プロジェクトは左スワイプ削除機能を実装します (完全なコード)

成果を達成するコードは次のとおりですhtml <テンプレート> <div> ...

Vueはテーマ切り替えのための複数のアイデアを実装します

目次テーマを動的に変更する最初の方法: 動的コンポーネント2番目の方法はルーティング分離です要約する...

WeChatアプレット開発で遭遇したことのない落とし穴のまとめ

目次getApp()ページエントリファイルの先頭に変数を定義しますwx.createSelector...