js 表单防重复提交方法
2013-07-25 18:28
232 查看
在表单提交的时候,用户有时候会重复的点击提交按钮,会导致多次提交,产生重复数据。我们可以给form增加一个submited属性,每次判断这个属性,为 false的时候继续提交表单并且设置form.submited=true,反之说明表单已经提交,就不再提交表单。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <SCRIPT language='JavaScript'> function CheckUserName(){ if (document.FORM1.UserName.value == '' ){ alert('请输入要注册的会员!'); document.FORM1.UserName.focus(); return false; } document.FORM1.NextStep.disabled=true; document.FORM1.NextStep.value='请稍后...' return true; } </SCRIPT> </head> <BODY> <!--注册--> <a name="top"></a> <h5 id="reg_title">新用户注册</h5> <form action="/reg/registernew.dll" method="POST" name="FORM1" onSubmit="return CheckUserName();"> <input id=Hddinfo2 name=Hddinfo type=hidden value=1996021993> <input id="SSVer2" name="SSVer" type="hidden" value=""> <input id=Urls name=Urls type=hidden value="http://reg.ssreader.com/newuser.asp"> <input id=Urld name=Urld type=hidden value="http://reg.ssreader.com/lineuser.asp"> <input id=Proc2 name=Proc type=hidden value=1> <div id="reg_userland_licence" class="reg_userland_info"> <div class="reg_user_title" id="r_user">第二步:设定用户名 </div> <p>* 用户名: <input name="UserName" id="usname" type="text" size="16" maxlength="16" /> </p> <div style="width: 100%; text-align: center; margin: 25px 0 0 0;"> <input name="NextStep" id="NextStep" type="submit" value="下一步" /></div> </div> </form> </body> </html>
相关文章推荐
- js防止表单重复提交的两种方法
- 前台防止表单重复提交的方法。Jquery、js
- js防止表单重复提交的两种方法
- js防止表单重复提交的两种方法
- js防止表单重复提交方法之一
- js防止表单重复提交的两种方法
- 关于struts2表单重复提交验证的方法
- 使用js控制表单重复提交(1加锁,2事件方式,3 EasyUI中解决表单重复提交)
- PHP+Session防止表单重复提交的解决方法
- JS-校验表单后提交表单的三种方法总结
- jquery提交form表单时禁止重复提交的方法
- php通过记录IP来防止表单重复提交方法分析
- 利用JS提交表单的几种方法和验证(必看篇)
- 常见表单重复提交问题整理及解决方法-点击链接加入群【农产品一体化解决方案】:https://jq.qq.com/?_wv=1027&k=49BAOCe
- spring mvc 防止重复提交表单的两种方法,推荐第二种
- 常见表单重复提交问题和处理方法
- js判断不提交表单方法
- 几种防止表单重复提交的方法
- 使用JS提交表单提示没有可用方法的错误
- 页面按F5刷新,避免表单重复提交的解决方法