问题:
项目中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>
修改命名方式即可解决问题。