HTML中的Reset元素,触发时会重置所在Form的所有元素的值至其初始值。但是,其他因javascript等而改变的其他属性及CSS,却不能够恢复。要解决这样的问题,可以有两个思路,其一,使用Javascript取得表单所有元素的初始值,但Reset元素触发时,使用Javascript进行值的恢复。之后再使用JS来恢复其他属性和CSS。其二,使用DOM定义中HTMLFormElement的reset方法进行值的 恢复,之后再调整其他属性和CSS。相对来说,第二种方法不用考虑初始值的存储和回填,比较方便。
所要注意的是:第二种方法,<del>Reset按钮不可以使用Reset类型的INPUT,因为这样可能语法上导致无穷递归。这时候应该使用Button来代替Reset按钮。</del><ins>JS中实现了Reset功能之后,要调用preventDefault,防止submit按钮重复提交。</ins>另外,HTMLFormElement不可以有名字叫做reset的元素,否则,调用reset方法的时候,会发生冲突,导致JS错误(WHY?)。
jQuery中有submit方法,可以提交表单,但没有相应的reset方法,所以调用的时候,还是要通过DOM来调用,而不能通过jQuery对象来调用。
所要注意的是:第二种方法,<del>Reset按钮不可以使用Reset类型的INPUT,因为这样可能语法上导致无穷递归。这时候应该使用Button来代替Reset按钮。</del><ins>JS中实现了Reset功能之后,要调用preventDefault,防止submit按钮重复提交。</ins>另外,HTMLFormElement不可以有名字叫做reset的元素,否则,调用reset方法的时候,会发生冲突,导致JS错误(WHY?)。
jQuery中有submit方法,可以提交表单,但没有相应的reset方法,所以调用的时候,还是要通过DOM来调用,而不能通过jQuery对象来调用。