當我單擊窗體標籤內的按鈕時頁面被刷新

當我單擊窗體標籤內的按鈕時，頁面被刷新。我的代碼如下當我單擊窗體標籤內的按鈕時頁面被刷新

document.getElementById("myBtn").addEventListener("click", function() { 
 
    console.log(document.getElementById("myBtn").value) 
 
});

<form role="form" id="myForm"> 
 
    <div class="form-group col-lg-12"> 
 
    <input type="text" class="form-control " id="name" name="name" placeholder="Name" autocomplete="off"> 
 
    </div> 
 
    <div class=" form-group col-lg-12 "> 
 
    <button class="generate-link-button" id="myBtn">Submite</button> 
 
    </div> 
 
</form>

來源

2016-12-17 Anupam

太棒了！我很高興該頁面刷新！我真的擔心它不會。關閉一個好友！現在，這個問題是什麼？ –

的按鈕提交的形式給出。如果這是不可取的，它通過設置類型屬性爲按鈕變爲一個普通按鈕按鈕

<button type="button">blah</button>

來源

2016-12-17 15:04:32 Robba

設置類型=「按鈕」。

來源

2016-12-17 15:05:20

添加返回False將停止發佈表單。

<button class="generate-link-button" onclick="return false;" id="myBtn">Submite</button>

來源

2016-12-17 15:47:34

當我單擊窗體標籤內的按鈕時頁面被刷新

回答

相關問題