很多網站在提交表單后會提供一個“重置”按鈕,這個按鈕可以讓用戶重新填寫表單。但是,在重置表單之前需要考慮一些問題,例如如何確保在重置表單時不丟失原始數據。
jQuery提供了一個方便的方法來重置表單:reset()
$(document).ready(function(){ $("button").click(function(){ $("form").trigger("reset"); }); });
上面的代碼會在點擊一個按鈕時重置整個表單。這里使用了trigger()方法來觸發reset事件。如果你沒有使用trigger()方法,代碼也可以這樣寫:
$(document).ready(function(){ $("button").click(function(){ $("form")[0].reset(); }); });
需要注意的是,使用reset()方法會清除表單中所有元素的值,但是不會重置表單的默認值。因此,當用戶填寫了表單時,建議你在HTML代碼中設置默認值。
還要注意,在使用reset()方法時,瀏覽器的默認行為可能會被重寫。例如,在重置表單之前,你可能需要進行一些驗證,以確保表單中沒有錯誤。如果還有問題,你可能需要考慮在代碼中添加額外的防范措施。