フォームアクションと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>

コードをコピー

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

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

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

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

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

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

Alibaba Cloud Server Tomcatにアクセスできません

dockerでnginxを実行するときにdaemon offが使用される理由についての簡単な説明

Vueはシンプルな計算機能を実装します

Zabbix Agent2を使用してOracleデータベースを監視する方法

Electronで不規則な形状の透明部分をクリックする実装

Java は Apache.POI を使用して HSSFWorkbook を Excel にエクスポートします

Linux コンパイル最適化で習得しなければならないいくつかの姿勢のまとめ

MySQL のバイナリおよび varbinary データ型の詳細な説明

固定、流動的、柔軟なウェブページレイアウトの長所と短所の分析

ReactプロジェクトでのTypeScriptの実装

推薦する

MySQL 時間差関数 (TIMESTAMPDIFF、DATEDIFF)、日付変換計算関数 (date_add、day、date_format、str_to_date)

Vue は QR コードスキャン機能を実装します (スタイル付き)

React Hooksの詳細な説明

Linux インストール Redis 実装プロセスとエラー解決

JS変数ストレージのディープコピーとシャローコピーの詳しい説明

Tomcatのデフォルトプログラム公開パスの使用と変更についての説明

JSアルバム画像の揺れと拡大表示効果のサンプルコード

両端揃えレイアウトを実現する CSS 列のサンプルコード

Windows サーバー管理におけるセキュリティの考慮事項

Vue で axios を使用して画像をアップロードするときに発生する問題

MySQL 中断された接続警告ログの分析

IE 環境での css-vars-ponyfill の使用に関する詳細な説明 (nextjs ビルド)

HTML でマウスが停止したときに行全体の色 (tr) を変更する方法

mysqlはエクスポートされたデータのsqlファイルから指定されたテーブルのみをインポートすることを実装します

TypeScript インターフェースの紹介