Form Reset Function

来源:互联网 发布:摄像头改网络编码器 编辑:程序博客网 时间:2024/06/15 19:51

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