jQuery实现form表单reset按钮重置清空表单功能

时间：2021-12-05 18:02 编辑：来源：阅读：
扫一扫，手机访问

摘要：jQuery实现form表单reset按钮重置清空表单功能

有时候可能需要实现这样的效果：使用ajax提交表单，成功提交表单之后清空表单，如下代码：

[url=javascript:void(0)]</form>

当点击提交之后，通过ajax将内容提交。以前我是通过以下代码来清空表单

[u]复制代码[/u][/url] 代码如下:

$("input").val(''); $("textarea").val('');

前些日子无意想到另外一个方法（如果知道下面的方法的朋友可以就此打住）：

[u]复制代码[/u] 代码如下:

//在form表单中添加一个隐藏的reset按钮，
<input type="reset" style="display:none;" />
//然后通过trigger来触发reset按钮
function subform(){
/* ...
*提交表单的代码部分
* ... */
$("input[type=reset]").trigger("click");//触发reset按钮 }

全部评论(0)

上一篇：浅谈jQuery before和insertBefore的区别
下一篇：新手常遇到的一些jquery问题整理