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