フォームアクションと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の固定位置属性の詳細な説明

推薦する

Windows で MySQL 5.6 を 5.7 にアップグレードする方法

前面に書かれたMySQL をアップグレードする方法には、インプレース アップグレードと論理アップグレ...

MySQLはフィールドからカンマ区切りの値を取り出して新しいフィールドを形成します

1例: 図1のフィールドを図2に分割するには アカウントIDを選択、 サブストリングインデックス(サ...

RHEL8 /CentOS8 でマルチノード Elastic Stack クラスターを構築する方法

一般的に ELK スタックとして知られる Elastic スタックは、Elasticsearch、L...

CSS ですべての子要素を選択し、スタイルを追加する方法

方法:実際のプロジェクトを例に挙げてみましょう。 .lk-ツールバー{ .el-入力{ 幅: 169...

一般的な Linux ディストリビューションのミラーソース構成の概要

最近 Linux を研究していて、いくつかの Linux ディストリビューションを試してみましたが、...

Docker-compose は Docker プライベート ウェアハウスのステップを迅速に構築します

docker-compose.ymlを作成し、次の内容を入力します。 バージョン: '3&#...

ウェブページ(ウェブサイト)のデザインと制作に関する考えや経験の共有

まずは投稿する前に! 「I Want to Study on My Own!」に改めて感謝します。た...

Docker-compose チュートリアルのインストールとクイックスタート

目次1. Compose の紹介2. ComposeとDockerの互換性3. Dockerをインス...

ウェブページでメモの詳細が灰色になる問題に対処する

1. IE では、相対的な配置、つまり <div style="background...

CSS3 ボタン境界アニメーションの実装

まず効果を見てみましょう: html <a href="#"> &l...

jsを使用して中国語からピンインへの変換の完全な手順を実行します

jsを使用して、中国語をピンインに変換するパッケージを作成しました。倉庫のアドレスはpinyin-p...

スタイルをより標準化するための CSS の書き方に関する 5 つのヒント

1. CSSをアルファベット順に並べるアルファベット順ではありません:コードをコピーコードは次のとお...

JavaScript 関数構文の説明

目次1. 通常の機能2. 矢印関数3. データパケットJSON 4. オブジェクト5. 約束6. 非...

MySQL 8.0.21 のインストール手順と問題解決

公式サイトをダウンロードまず公式ウェブサイトにアクセスしてMySQLをダウンロードしてくださいリンク...

JavaScriptプロトタイプチェーンの詳細な説明

目次1. コンストラクタとインスタンス2. プロパティプロトタイプ3. プロパティ __proto_...