避免表单重复提交方法

来源:互联网 发布:国外共享经济 知乎 编辑:程序博客网 时间:2024/05/14 16:27
 1. 按钮点击之后将其置灰,设置为不可点击 <form action="" method="post" onsubmit="onSubmit(this)">    <input type="input" name="username" value=""/>    <input id="sub" type="submit" value="提交"/></form><script>    var isCommited = false;    function submitOnce(form){            document.getElementById("sub").setAttribute("disabled"true);   }</script> 2. 利用JavaScript的功能,但是使用的是OnSubmit()方法,如果已经提交过一次表单,将立即弹出对话框<form action="" method="post" onSubmit="return submitOnce(this)">    <input type="input" name="username" value=""/>    <input type="submit" value="提交"></form><script>    var isCommited = false;    function submitOnce(form){        if(!isCommited){            isCommited = true;            return true;        }else{            console.log("重复提交");            return false;        }    }</script>
原创粉丝点击