Form Reset Function
2012-06-05 14:12:47 来源:WEB开发网核心提示:Reset按钮,这个在现在的项目中几乎已经不用了,Form Reset Function,因为用户很容易点击到reset按钮,从而使自己陷入懊恼,文本框清空等,如果要还原到表单第一次加载时,不得不重新填表单,不过form.reset()在通过Ajax提交请求的页面中
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置为没有选中,文本框清空等。如果要还原到表单第一次加载时,则有点困难。