点击表单中的button标签提交表单问题的解决办法

介绍

最近在公司写后台业务的时候发现,标签放到了表单中,点击这个button变成了提交,相当于。点击的话相当于请求了一次但是我们并不需要重新请求,我们需要将标签的请求取消

解决办法

  • 在from表单中所在的button标签里面js fcuntion里return false,或者在onclick=“funtion();return false” 或者指定button 为type button

具体的代码的简单实例

<html>  
<head>
<script>
function1(){
.....

}
function2(){
...
return false
}
</script>
</head>
<body>  
    <form action="">  
       <button onclick="function1();return false">按钮1</button>  
   	<button onclick="return function2()">按钮2</button>  
   	<button type="button" onclick="function1()">按钮3</button>  
       <input type="text" value="hjsjy"/>  
       <input type="submit" value="input submit"/>  
    </form>  
</body>  
</html>  
原文地址:https://www.cnblogs.com/narojay/p/10812578.html