首页 > 代码库 > jsp中表单重置

jsp中表单重置

在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="http://www.mamicode.com/登录"> <br>
    <input type="reset" id="reset" value="http://www.mamicode.com/重置"><br>
</form>


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

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


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

jsp中表单重置