阻止form表单提交的方法

如果你想阻止form表单提交,而是改用ajax提交.那么使用下面方法,防止在ajax请求提交之后form表单进行二次提交

如果form表单使用<button type="submit" id="submit"> 按钮方式提交


<form action="", methods="post">
       <button type="submit" id="submit">
</form>

方法一

window.onload = function(){
    var submit = document.getElementById("submit");
    submit.onclick = function(event){
         return flase
    }
}

方法二:

window.onload = function(){
    var submit = document.getElementById("submit");
    submit.onclick = function(event){
        var event = event || window.event;
        event.preventDefault();  
        window.event.returnValue = false;
    }
}

如果你使用的是<input type="submit"> 方式提交,请使用

<form action="" methods="post" onsubmit="return submit()">  <!-- 一定不要忘记前面还有个return -->
    <input type="submit" value="submit">
</form>

请使用下面的方法

<script>
function submit(){
    return false;   //超链接a 的阻止冒泡是同样的原理
}
</script>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容