怎么禁止form表单连续快速点击多次提交

 我来答

1个回答

#热议# 网上掀起『练心眼子』风潮，真的能提高情商吗？

鲜明还如意丶爱侣992
2017-06-02 · 超过203用户采纳过TA的回答

知道小有建树答主

回答量：268

采纳率：0%

帮助的人：258万

我也去答题访问个人页

关注

展开全部

阻止form提交数据，有几种简单的办法：
form表单的action地址不正确，这样就无法提交到正确的地址。
限制submit事件。只需要将按钮设置成disabled就可以了。
下面是简单的代码实现，仅供参考：
<style>
input{ border:1px solid #000;}
.error{ border:1px solid red;}
.ok{ border:1px solid green;}
span{ color:red;}
</style>
<script src="form.js"></script> //这个文件是进行表单认证的js文件
<script>
window.onload=function(){
checkForm('form',function(obj){
var oPass=document.getElementsByName('pass')[0];
var oBtn = document.getElementById('btn');
if(oPass.value!=obj.value){
oBtn.disabled = 'disabled';//当检查有错时，然按钮无效；
}
});
};
</script>
</head>

<body>
<form id="form" action="

<div>
pass:<input type="text" name="pass" err_tip="*密码格式有误"><span></span>
</div>
<div>
pass2:<input type="text" name="pass2" err_tip="*密码不一致"><span></span>
</div>
<input id="btn" type="submit">
<input type="reset">
</form>
</body>