Form重置表單reset is not a function腳本出錯


最近在關閉頁面的回調函數中要對一個表單信息進行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關鍵詞來命名重置按鈕的nameid屬性。比如下面的命名方式則比較保險:

<botton  id="ResetButton" type="reset" name="ResetButton" >重置</button>

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM