zoukankan      html  css  js  c++  java
  • 防止表单重复提交!<form onsubmit="return false;"></form >

    <html>
    <head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
    /*方法一:除了用这种方式之外,经常见的另一种方式就是表单提交之后,将提交按钮设置为不可用,让用户没有机会点击第二次提交按钮,代码如下:*/
    function dosubmit() {
    //获取表单提交按钮
    var btnSubmit = document.getElementById("submit");
    //将表单提交按钮设置为不可用,这样就可以避免用户再次点击提交按钮
    btnSubmit.disabled = "disabled";
    //返回true让表单可以正常提交
    return true;
    }
    /*方法二:用JavaScript控制Form表单只能提交一次*/
    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>

  • 相关阅读:
    Trapping Rain Water
    Construct Binary Tree from Preorder and Inorder Traversal
    Flatten Binary Tree to Linked List
    Permutations II
    Unique Paths II
    Path Sum II
    Unique Binary Search Trees II
    evdev module-----uinput.py
    evdev module-----events.py
    evdev module-----device.py
  • 原文地址:https://www.cnblogs.com/lihong-123/p/8472808.html
Copyright © 2011-2022 走看看