当前位置:   article > 正文

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

$(...).reset is not a function

问题:

项目中jquery对象转换原生JavaScriptDOM对象方式重置表单

  1. // 重置表单
  2. $('.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>

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小丑西瓜9/article/detail/100682
推荐阅读
相关标签
  

闽ICP备14008679号