在表单提交的时候,用户有时候会重复的点击提交按钮,会导致多次提交,产生重复数据。我们可以给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>