zoukankan      html  css  js  c++  java
  • 使用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;
     }
    

      

  • 相关阅读:
    贝塞尔曲线
    View Transform(视图变换)详解
    list::splice()函数详解
    c语言宏定义
    Shadow mapping
    spring管理事务
    sql标准支持了事务隔离级别
    java cocurrent并发包
    spring事务详细理解
    spring aop提供了两种实现方式jdk和cglib
  • 原文地址:https://www.cnblogs.com/mmykdbc/p/9049410.html
Copyright © 2011-2022 走看看