如何實現表單的重置呢?下面是小編提供給大家的JavaScript重置表單的實現,大家可以參考閱讀,更多詳情請關注應屆畢業生考試網。
在使用者單擊重置按鈕時,表單會被重置。使用type特性值為“reset”的<input>或<button>都可以建立重置按鈕,如下面的例子所示:
<!--通用重置按鈕-->
<input type="reset" value="重置">
<!--自定義重置按鈕-->
<button type="reset">提交</button>
這兩個按鈕都可以用來重置表單。在重置表單時,所有表單欄位都會回覆到頁面剛載入完畢時的初始值。如果某個欄位的'初始值為空,就會恢復為空;而帶有預設值的欄位,也會恢復預設值。
使用者單擊重置按鈕重置表單時,會觸發reset事件。利用這個機會,我們可以在必要時取消重置操作。例如,以下展示了阻止重置表單的程式碼:
var EventUtil = {
addHandler: function (element, type, handler) {
if (ventListener) {
ventListener(type, handler, false);
} else if (chEvent) {
chEvent("on" + type, handler);
} else {
element["on" + type] = handler;
}
},
getEvent: function (event) {
return event ? event : t;
},
preventDefault: function (event) {
if (entDefault) {
entDefault();
} else {
rnValue = false;
}
}
};
var form = lementById("myForm");
andler(form, "reset", function () {
//取得事件物件
event = vent(event);
//阻止表單重置
entDefault(event);
});
與提交表單一樣,也可以通過JavaScript來重置表單,如下面的例子所示:
var form = lementById("myForm");
//重置表單
t();
與呼叫submit()方法不同,呼叫reset()方法會像單擊重置按鈕一樣觸發reset事件。