1. ホーム
  2. Web制作
  3. HTML/Xhtml

フォームフォームのアクションと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はジャンプ後のリンクのアドレスです。