防止表單屢次提交方法之二

提交表單時候，可能出現的最大問題就是    重複提交    ；

解決之一問題有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;