js 表单防重复提交方法

最新推荐文章于 2024-11-04 16:08:47 发布

diaotu8214

最新推荐文章于 2024-11-04 16:08:47 发布

阅读量73

点赞数

文章标签： xhtml

原文链接：http://www.cnblogs.com/itkevin/p/3214997.html

版权

在表单提交的时候，用户有时候会重复的点击提交按钮，会导致多次提交，产生重复数据。我们可以给form增加一个submited属性，每次判断这个属性，为 false的时候继续提交表单并且设置form.submited=true，反之说明表单已经提交，就不再提交表单。

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 5 <title>无标题文档</title>
 6 <SCRIPT language='JavaScript'>
 7 function CheckUserName(){
 8         if (document.FORM1.UserName.value == '' ){
 9                 alert('请输入要注册的会员!');
10                 document.FORM1.UserName.focus();
11                 return false;
12         }
13         document.FORM1.NextStep.disabled=true;
14         document.FORM1.NextStep.value='请稍后...'      
15         return true;
16 }
17 </SCRIPT>
18 </head>
19 <BODY>
20 <!--注册-->
21 <a name="top"></a>
22 <h5 id="reg_title">新用户注册</h5>
23 <form action="/reg/registernew.dll" method="POST" name="FORM1" onSubmit="return CheckUserName();">
24   <input id=Hddinfo2 name=Hddinfo type=hidden value=1996021993>
25   <input id="SSVer2" name="SSVer" type="hidden" value="">
26   <input id=Urls name=Urls type=hidden value="http://reg.ssreader.com/newuser.asp">
27   <input id=Urld name=Urld type=hidden value="http://reg.ssreader.com/lineuser.asp">
28   <input id=Proc2 name=Proc type=hidden value=1>
29   <div id="reg_userland_licence" class="reg_userland_info">
30   <div class="reg_user_title" id="r_user">第二步：设定用户名 </div>
31   <p>* 用户名:
32     <input name="UserName" id="usname" type="text" size="16" maxlength="16" />
33   </p>
34   <div style="width: 100%; text-align: center; margin: 25px 0 0 0;">
35     <input name="NextStep" id="NextStep" type="submit" value="下一步" /></div>
36 </div>
37 </form>
38 </body>
39 </html>