提交表單時候,可能出現的最大問題就是 重復提交 ;
解決之一問題有2種方法
第一:在第一次提交表單時就禁用此提交按鈕;
第二:利用onsubmit事件處理程序取消后續的表單提交操作,
本博文就第二種方法做出解釋
首先 ,我們去了解一下onsubmit事件
onsubmit 事件
語法
onsubmit="SomeJavaScriptCode"
SomeJavaScriptCode 是必須的,規定該事件發生時執行的 JavaScript。
支持該事件的 HTML 標簽
<form>
支持該事件的 JavaScript 對象
form
下面我們做出正式詳解
直接上代碼
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script language="javascript">
function checksubmit()
{
if (document.form1.myname.value=="")
{
alert("請輸入開始數值!");
document.form1.myname.focus();
return false;
}
return true;
}
//--->
</script>
<form name="form1" method="post" action="#" onsubmit="return checksubmit()">
<label>
<input name="myname" type="text" id="id">
</label>
<p>
<label>
<input type="submit" name="Submit" value="提交">
</label>
</p>
</form>
代碼很簡單。
注意以下幾點:
1,在js中,是獲得input的name,而不是id,往往這里的name和id一樣。
2,onsubmit="return checksubmit()" 這里的return不能省掉。
3,checksubmit()函數里面的return true;可以省去,因為默認是返回true;