• 使用js是想防止表单重复提交的效果


    直接上代码:

    <html>
        <head>
          <title>Form表单</title>
              <script type="text/javascript">
              var isCommitted = false;//表单是否已经提交标识,默认为false
              function dosubmit(){
                 if(isCommitted==false){
                     isCommitted = true;//提交表单后,将表单是否已经提交标识设置为true
                     return true;//返回true让表单正常提交
                 }else{
                     return false;//返回false那么表单将不提交
                 }
             }
         </script>
       </head>
       
       <body>
           <form action="${pageContext.request.contextPath}/servlet/DoFormServlet" onsubmit="return dosubmit()" method="post">
             用户名:<input type="text" name="username">
             <input type="submit" value="提交" id="submit">
         </form>
       </body>
     </html>
    

      除了用这种方式之外,经常见的另一种方式就是表单提交之后,将提交按钮设置为不可用,让用户没有机会点击第二次提交按钮,代码如下:

     function dosubmit(){
         //获取表单提交按钮
         var btnSubmit = document.getElementById("submit");
         //将表单提交按钮设置为不可用,这样就可以避免用户再次点击提交按钮
         btnSubmit.disabled= "disabled";
         //返回true让表单可以正常提交
         return true;
     }
    

      

  • 相关阅读:
    开发流程
    团队模式
    android studio 中点击button加1或者减1
    登录注册界面的测试点
    用在线工具processOn画UML的用例图和时序图
    android studio中R文件丢失了
    第一次迭代任务
    WBS(work Breakdown Structure)
    #“速达” app NABCD分析
    “速达”app电梯演说
  • 原文地址:https://www.cnblogs.com/mmykdbc/p/9049410.html
Copyright © 2020-2023  润新知