日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

解決form表單reset()報錯,$(...)[0].reset is not a function...

作者:喝水高手 更新時間: 2022-01-19 編程語言

問題:

項目中jquery對象轉換原生JavaScriptDOM對象方式重置表單

    // 重置表單
    $('.layui-form')[0].reset()

報錯=>user_pwd.js:30 Uncaught TypeError: $(...)[0].reset is not a function

原因:

問題出在了重置按鈕上(表單中有重置按鈕id正好設置了reset)

<button type="reset" class="layui-btn layui-btn-primary" id="reset">重置</button>

id="reset"造成沖突,這里的?reset屬性覆蓋了原來的?reset方法,自然無法調用并提示?is not a function?,解決的辦法也很簡單,避免用?reset關鍵詞來命名?reset按鈕的?name和?id屬性。

解決:

<button type="reset" class="layui-btn layui-btn-primary" id="resetBtn">重置</button>

修改命名方式即可解決問題。

原文鏈接:https://blog.csdn.net/qq_30159639/article/details/120728650

欄目分類
最近更新