jQuery实现form表单reset按钮重置清空表单功能
更新时间：2012年12月18日 08:55:51 作者：
有时候可能需要实现这样的效果：使用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按钮 }
您可能感兴趣的文章:
相关文章
本文主要介绍了JQuery实现两个下拉框数据移动，追加,需要的朋友可以参考下2014-04-04
jQuery实现提交表单时不提交隐藏div中input的方法
这篇文章主要介绍了jQuery实现提交表单时不提交隐藏div中input的方法,结合实例形式分析了通过设置input的disabled属性实现隐藏input提交的操作技巧,需要的朋友可以参考下2019-10-10
对于jQuery对象，只是把each方法简单的进行了委托：把jQuery对象作为第一个参数传递给jQuery的each方法.换句话说：jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用2010-08-08
这篇文章主要介绍了jQuery操作Dom元素、jQuery遍历、JavaScript遍历，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧2023-01-01
这里给大家推荐9款炫酷的基于jquery的页面特效，都是本站比较热门的效果，这里整理出来分享给大家，也方便小伙伴们对比查看2014-12-12
qTip2是一个灰常强大且精致的jQuery提示信息插件，是qTip的第2版，也是一个全新的版本，提供了丰富的功能及漂亮的外观，非常易于使用2012-02-02
本篇文章主要介绍了Jquery-data的三种用法。具有很好的参考价值。下面跟着小编一起来看下吧2017-04-04
这篇文章主要介绍了JQuery中DOM事件合成用法,以实例形式分析了hover()方法和toggle()方法实现事件合成的相关技巧,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了 jquery实现图片跟随鼠标的实例的相关资料,希望通过本文能帮助到大家实现这样的功能，需要的朋友可以参考下2017-10-10
这篇文章主要介绍了jQuery实现的下雪动画效果,涉及jQuery插件结合setInterval、animate进行动画操作的相关使用技巧,并附带源码供读者下载参考,需要的朋友可以参考下2018-02-02
最新评论