阻止点击表单中的按钮提交的方法

Posted liqian-front-end-engineer

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了阻止点击表单中的按钮提交的方法相关的知识,希望对你有一定的参考价值。

方法1:在点击按钮中添加JS事件,

btn.onclick = ()=>{
    //功能代码实现


    //最后
   return false; 
};

方法2:将button按钮type属性设置为button即可

<button type=‘button‘>上传图片</button>

 

以上是关于阻止点击表单中的按钮提交的方法的主要内容,如果未能解决你的问题,请参考以下文章

阻止用户提交表单

js阻止form表单重复提交

禁用表单提交按钮,而不阻止 HTML5 验证

阻止 IE 突出显示表单中的第一个提交按钮

React - 阻止表单提交

如何阻止具有相同触发按钮但功能不同的表单提交?