解决form表单reset()报错,$(...)[0].reset is not a function...

问题:

项目中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>

修改命名方式即可解决问题。

上一篇:git reset HEAD 用法


下一篇:2021-10-03