JavaScript重置表單的實現

如何實現表單的重置呢?下面是小編提供給大家的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事件。