フォームフォームのアクションとonSubmitの導入例
2022-01-14 01:49:03
まず、actionはフォームの属性で、html5では必須の属性値として定義されています。onSubmitはイベントで、 <input type="submit" /> で送信したときに検証する機能です。
2つ目:実行順序についてですが、私の個人的な理解では、onSubmitが先に来て、validateが先に来て、validationがfalseを返すと、action="url"のアドレスにたどり着けないということだと思います。trueを返すか、値が返ってこない場合は、パスしてurlアドレスに移動します。
<span style="font-size:14px"> function check(){
var oText = document.getElementById("in").value;
alert(oText);
if(oText =="false"){
return false;
}
else {
return true;}
}</span>
<span style="font-size:14px"> <form action="table1.html" onSubmit="return check();">
<div><input type="text" id="in" /><input type="submit" value="submit" /></div& gt;
</form></span>
onSubmit="return Fun();" ここのリターンは必須です、書かないんですか?書かないでください!!!試してみてください。
要するに、onSubmitはバリデーション用で、actionはジャンプ後のリンクのアドレスです。
2つ目:実行順序についてですが、私の個人的な理解では、onSubmitが先に来て、validateが先に来て、validationがfalseを返すと、action="url"のアドレスにたどり着けないということだと思います。trueを返すか、値が返ってこない場合は、パスしてurlアドレスに移動します。
コピーコード
コードは以下の通りです。
<span style="font-size:14px"> function check(){
var oText = document.getElementById("in").value;
alert(oText);
if(oText =="false"){
return false;
}
else {
return true;}
}</span>
コピーコード
コードは以下の通りです。
<span style="font-size:14px"> <form action="table1.html" onSubmit="return check();">
<div><input type="text" id="in" /><input type="submit" value="submit" /></div& gt;
</form></span>
onSubmit="return Fun();" ここのリターンは必須です、書かないんですか?書かないでください!!!試してみてください。
要するに、onSubmitはバリデーション用で、actionはジャンプ後のリンクのアドレスです。
関連
-
HTML+cssのボックスモデル例(円、半円など)「border-radius」使いやすい
-
htmlページでjsonデータを表示・整形する方法
-
htmlのheaderタグの使い方を説明する
-
HTMLのdoctypeとエンコーディング
-
HTML学習ノート - HTMLの構文が詳しくわかる(必見)
-
HTMLでフォームコントロールを無効にする2つの方法 readonly と disabled
-
textareaの無効化およびreadonlyプロパティ
-
画像ボタンをリセットフォームボタンとして使用する方法
-
透明な入力ボックスにアイコンを追加するためのHTMLコード
-
insタグ、delタグの特性と使用方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン