在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会不会也出现这样的问题,有兴趣的可以亲自试试^^