點擊表單中的button標籤提交表單問題的解決辦法

介紹

最近在公司寫後臺業務的時候發現,標籤放到了表單中,點擊這個button變成了提交,相當於。點擊的話相當於請求了一次但是我們並不需要重新請求,我們需要將標籤的請求取消

解決辦法

  • 在from表單中所在的button標籤裏面js fcuntion裏return false,或者在οnclick=“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>  
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章