幫助js功能/提醒擦除表單輸入

我遇到了一些奇怪的事情讓我意識到我不知道JS的東西，以及我應該。所以我想我會問一個關於發生什麼事情的問題，看看這是否會有所幫助。我有一個簡單的形式與三個「textarea」輸入，我有一個「保存」按鈕。保存按鈕會觸發一個js函數，它收集輸入內容，並提示顯示它們...幫助js功能/提醒擦除表單輸入

非常簡單的應用程序，但我沒有想到的是，當你「關閉」警報框;在表單中輸入的所有數據將被刪除...

這裏是我的代碼：

<form> 

<strong>Make</strong><br/> 
<textarea id="make_notes" rows="4" cols="50"> 

</textarea><br/><br/> 

<strong>Model</strong><br/> 
<textarea id="model_notes" rows="4" cols="50"> 

</textarea><br/><br/> 

<strong>Features</strong><br/> 

<textarea id="features_notes" rows="4" cols="50"> 

</textarea> 

<br/><br/> 

<button onclick="side_form_js2()">Save2</button> 

</form> 

<script> 
function side_form_js2() { 

var element1 = document.getElementById("make_notes"); 
    var make_notes_var = element1.value; 

var element2 = document.getElementById("model_notes"); 
    var model_notes_var = element2.value; 

    var element3 = document.getElementById("features_notes"); 
    var features_notes_var = element3.value; 

alert(make_notes_var + "I am an alert box!22222" + model_notes_var + features_notes_var); 
} 
</script>

所以我真的不確定什麼讓表單輸入被刪除。這幾乎就像網頁正在重新加載，但我不認爲是這樣。任何人都可以對此有所瞭解嗎？謝謝...

P.S.不知道這有什麼差別，但只是運行這個本地我的電腦上使用XAMPP ...

來源

2016-07-27 gman_donster

按鈕的默認類型提交，所以頁面正在重新加載 http://stackoverflow.com/questions/7803814/prevent-refresh-of-page-when-button-inside-form-clicked – UserEsp

真棒 - 做了技巧（did type =「button」） –

你的函數的最後也可以返回false，但現在你知道原因是什麼了。 – UserEsp

默認爲重新加載，更改您的代碼這一點，它應該工作

<button onclick="return side_form_js2()">Save2</button>

，然後在你的函數加這樣的警告後返回false：

alert(make_notes_var + "I am an alert box!22222" + model_notes_var + features_notes_var); 
return false;

來源

2016-07-27 17:04:58 nitzanerman

沒有指定類型屬性的按鈕元素表示同樣的事情，與設置爲「提交」的類型屬性的按鈕元素。如果您想在沒有提交使用type =「button」的表單中使用按鈕。

來源

2016-07-27 17:42:00

幫助js功能/提醒擦除表單輸入

回答

相關問題