html實現確認和取消按鈕

在填寫表單的時候，有時候需要設置確認和重填的功能，可以藉助JavaScript來實現。

就像這樣，點擊重填後，彈出確認框。

 

<inputtype="reset" value="重填"onclick="return confirmReset()" class="buttonstyle" />

<script> 

function confirmReset(){

       var clickresult = false;

       clickresult =window.confirm("點擊重填後所有信息都將被清空。\n你確認重填嗎？");

       return clickresult;

}

</script>

這裏用到了window. Confirm函數。

點擊後：

如果點擊確定，則所有已填寫信息都會被清空，點擊取消則維持不變。

每個form只需要一個重置按鈕，在form與/form之間，不管有多少內容，一個重置就可以清空所有內容。

 

onclick="return confirmReset()"的值決定是否繼續執行下一步動作，如果爲false則不繼續，如果爲true，則繼續，前面提到的submit也是類似的。