JS表单防重复提交方法

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

0 Comments

Leave a Reply

Your email address will not be published.