解决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>

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