码迷,mamicode.com
首页 > 其他好文 > 详细

防止表单多次提交方法之二

时间:2017-10-27 17:44:17      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:解决   支持   语法   数值   char   html   默认   表单提交   处理   

提交表单时候,可能出现的最大问题就是    重复提交    ;

解决之一问题有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;

 

防止表单多次提交方法之二

标签:解决   支持   语法   数值   char   html   默认   表单提交   处理   

原文地址:http://www.cnblogs.com/HanJie0824/p/7744087.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!