You are here
jquery js 重置表单 reset()具体实现代码
我们希望表单提交以后，能reset，由于jquery没有这个方法，所以只能采用其他的方法来实现了，具体如下，有此需求的朋友可以参考下，希望对大家有所帮助
在开发中，我们会用到很多表单，我们希望表单提交以后，能reset，
但是jquery没有这个方法，怎么处理呢？
<form id="form1" action="" method="post" runat="server">
<input name="inp" id="inp" value="1" />
</form>
方法一：
我们可以通过就是实现
id：
document.getElementById("form1").reset();
name：
document.formName.reset();
方法二：
逐一清空：
$("#inp").val("1");
但是表单太多的话，这也是不实际的，有100个，1000个，总不能写100，个1000个吧。
也许你会说，写成这样：
$("input").val("");
那表单的默认值呢？表单还有其他类型，都写一遍？
加type为reset的input
<form id="form1" action="" method="post" runat="server">
<input name="inp" id="inp" value="1" />
<input id="res" name="res" type="reset" style="display:none;" />
</form>
$("input[name='res']").click();
所有表单清空
ok
但是jquery没有这个方法，怎么处理呢？
复制代码代码如下:
<form id="form1" action="" method="post" runat="server">
<input name="inp" id="inp" value="1" />
</form>
方法一：
我们可以通过就是实现
id：
复制代码代码如下:
document.getElementById("form1").reset();
name：
复制代码代码如下:
document.formName.reset();
方法二：
逐一清空：
复制代码代码如下:
$("#inp").val("1");
但是表单太多的话，这也是不实际的，有100个，1000个，总不能写100，个1000个吧。
也许你会说，写成这样：
复制代码代码如下:
$("input").val("");
那表单的默认值呢？表单还有其他类型，都写一遍？
加type为reset的input
复制代码代码如下:
<form id="form1" action="" method="post" runat="server">
<input name="inp" id="inp" value="1" />
<input id="res" name="res" type="reset" style="display:none;" />
</form>
复制代码代码如下:
$("input[name='res']").click();
所有表单清空
ok
来自 http://www.jb51.net/article/40325.htm
有时候可能需要实现这样的效果：使用ajax提交表单，成功提交表单之后清空表单,这种功能大家可能都希望实现吧，接下来为您详细介绍，需要了解的朋友参考下
有时候可能需要实现这样的效果：使用ajax提交表单，成功提交表单之后清空表单，如下代码：
复制代码代码如下:
<form>
<input name="name1" /><br/>
<input name="name1" /><br/>
<textarea name="content"></textarea>
<a href="javascript:void(0)" onclick="subform()">提交</a>
</form>
当点击 提交 之后，通过ajax将内容提交。
以前我是通过以下代码来清空表单
复制代码代码如下:
$("input").val('');
$("textarea").val('');
前些日子无意想到另外一个方法（如果知道下面的方法的朋友可以就此打住）：
复制代码代码如下:
//在form表单中添加一个隐藏的reset按钮，
<input type="reset" style="display:none;" />
//然后通过trigger来触发reset按钮
function subform(){
/* ...
*提交表单的代码部分
* ... */
$("input[type=reset]").trigger("click");//触发reset按钮 }
普通分类: