最近在關閉頁面的回調函數中要對一個表單信息進行reset(重置)
不管是dom :document.getElementById('id').reset(),
還是使用jq:$('#id')[0].reset(),
前端瀏覽器調試都會打印“...reset is not a function”錯誤
抓狂一段時間后,我決定靜下來看看代碼,
仔細查看html發現了表單中有個button
<button id="reset" type="reset" name="reset" >重置</button>
問題就在於id="reset"
和name="reset"
,這里的reset
屬性覆蓋了原來的reset
方法,自然無法調用並提示is not a function
,
解決的辦法也很簡單,避免用reset
關鍵詞來命名重置按鈕的name
和id
屬性。比如下面的命名方式則比較保險:
<botton id="ResetButton" type="reset" name="ResetButton" >重置</button>