Form Reset Function

Reset按钮,这个在现在的项目中几乎已经不用了,因为用户很容易点击到reset按钮,从而使自己陷入懊恼,不得不重新填表单。不过form.reset()在通过Ajax提交请求的页面中,还是有人使用。比如成功提交之后,ajax表单应该被重置,这样下次重新显示表单时,表单是空的或还原为原始值。

很可惜,form.reset()浏览器不兼容,不同的浏览器在实现reset时,使用了不同的策略。FF在reset表单时,不会处理hidden的值,而IE/Chrome会还原hidden为初始值。因此在处理hidden时,有两种不同的方法:

  • 如果reset时,需要处理hidden的值,可以使用display:none来替换hidden,或通过JS来处理hidden。
  • 如果reset时,不需要处理hidden,需要手动去处理把其它元素清空,比如把所有radio置为没有选中,文本框清空等。如果要还原到表单第一次加载时,则有点困难。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值