jsp中表单重置

Posted 2020-08-09

在jquery中重置表单主要是将jquery转化成DOM对象，在使用reset()方法即可，所以有以下两种方案：

一：使用get(0)

$("#myform").get(0).reset();

二：使用[0]

$("#myform")[0].reset();

以上两种方法其实使用原理一致的；

但是这里有一点必须注意：

有时候在使用上述两种方法时，浏览器报

TypeError:$("...").get(...).resetisnotafunction

错误，这种情况可能是在表单中的重置按钮定义异常了；

<form id="myform" action="" method="post">
    用户名：<input name="name" value=""><br>
    密　码：<input type="password" name="psw"><br>
    <input type="submit" id="sm" value="登录"> <br>
    <input type="reset" id="reset" value="重置"><br>
</form>

原因其实就出自重置按钮中的id="reset"中，原因应该是设置id="reset"可能会覆盖原有的"reset()"方法，所以导致reset()未定义。

既然reset按钮会出现这样的问题，那么submit会不会也出现这样的问题，有兴趣的可以亲自试试^^

本文出自 “yinbin” 博客，请务必保留此出处http://yinbin99.blog.51cto.com/11392662/1853691