jsでフォームを提出すると、document.forms[0].submit()submitボタンがないですが、どうやって検証しますか?
submit()でフォームを提出するとonsubmitが失効します.
submit()でフォームを提出するとonsubmitが無効になります.
============================================================================================================================
以下の本文で使用するスクリプト
プログラムコード
1.通常のフォーム検証法では、フォームにワンストップイベントを追加します.
プログラムコード
2.1に基づいてsubmit()を呼び出してフォームを提出するように変更しました.(赤は1と比較して修正した部分で、以下同じです.)
プログラムコード
3.1の基礎からワンストップイベントを抜き、submit 2を呼び出します.
プログラムコード
4.ワンストップイベントを1に加え、submit 3を呼び出します.
プログラムコード
=============================================================================================================
submit()でフォームを提出するとonsubmitが無効になります.
submit()でフォームを提出するとonsubmitが無効になります.
============================================================================================================================
以下の本文で使用するスクリプト
プログラムコード
<script language="javascript">
//
function submit1(obj){
obj.submit();
}
// , checked
function submit2(obj){
return checked();
obj.submit();
}
// , ehecked submit3
function submit3(obj){
if(document.form1.username.value == ""){alert(" ?");document.form1.username.focus();return false;}
obj.submit();
}
//
function checked(){
if(document.form1.username.value == ""){alert(" ?");document.form1.username.focus();return false;}
return true;
}
</script>
二、分析過程1.通常のフォーム検証法では、フォームにワンストップイベントを追加します.
プログラムコード
<form id="form1" name="form1" method="post" action="mzwucom.asp" onsubmit="checked();">
UserNmae:
<input name="username" type="text" id="username" size="10" maxlength="10" />
<input type="submit" name="Submit" value=" " />
</form>
結果:検証メカニズムが働く!2.1に基づいてsubmit()を呼び出してフォームを提出するように変更しました.(赤は1と比較して修正した部分で、以下同じです.)
プログラムコード
<form id="form1" name="form1" method="post" action="mzwucom.asp" onsubmit="checked();">
UserNmae:
<input name="username" type="text" id="username" size="10" maxlength="10" />
<input type="button" name="Submit" value=" " onclick="submit1(this.form);" />
</form>
結果:検証メカニズムが無効になり、フォームが直接提出されます.3.1の基礎からワンストップイベントを抜き、submit 2を呼び出します.
プログラムコード
<form id="form1" name="form1" method="post" action="mzwucom.asp">
UserNmae:
<input name="username" type="text" id="username" size="10" maxlength="10" />
<input type="button" name="Submit" value=" " onclick="submit2(this.form);" />
</form>
結果:検証の仕組みが働いていますが、正確なフォームは提出されていません.4.ワンストップイベントを1に加え、submit 3を呼び出します.
プログラムコード
<form id="form1" name="form1" method="post" action="mzwucom.asp">
UserNmae:
<input name="username" type="text" id="username" size="10" maxlength="10" />
<input type="button" name="Submit" value=" " onclick="submit3(this.form);" />
</form>
結果:検証メカニズムが働き、通過すればフォームを提出します.=============================================================================================================
submit()でフォームを提出するとonsubmitが無効になります.