Form重置表单reset is not a function脚本出错


最近在关闭页面的回调函数中要对一个表单信息进行reset(重置)

不管是dom :document.getElementById('id').reset(),

还是使用jq:$('#id')[0].reset(),

前端浏览器调试都会打印“...reset is not a function”错误

抓狂一段时间后,我决定静下来看看代码,

仔细查看html发现了表单中有个button

 <button id="reset" type="reset" name="reset" >重置</button>

  

问题就在于id="reset"name="reset",这里的reset属性覆盖了原来的reset方法,自然无法调用并提示is not a function

解决的办法也很简单,避免用reset关键词来命名重置按钮的nameid属性。比如下面的命名方式则比较保险:

<botton  id="ResetButton" type="reset" name="ResetButton" >重置</button>

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM