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解决input元素的blur事件和其他非表单元素的click事件冲突问题
这篇文章主要介绍了jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-08-08
这篇文章主要为大家详细介绍了jQuery点击出现爱心特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
在JQUERY官方站点看到了另一个方法.更加简单,给大家分享出来: 官方给的函数名为CheckboxGroup;顾名思义就是选取一组CHECKBOX.最新版是在6月18号发布的:2008-08-08
jQuery Validation实例代码 让验证变得如此容易
众所周知，Jquery以其简洁性让无数人为之疯狂。现在我要像大家介绍一个jQuery Validation，一看到Validation大家肯定第一直观感觉就是这肯定是一个验证框架，没有错，本文就是基于jQuery Validation展开讨论。2010-10-10
本篇文章主要是对Json序列化和反序列化方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
使用easyui从servlet传递json数据到前端页面的两种方法
这篇文章主要介绍了用easyui从servlet传递json数据到前端页面的两种方法，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-09-09
这篇文章将根据此写一个应用：让图片未加载完毕就实现按比例自适应，防止图片撑破布局（尤其是外链图片）2011-10-10
jQuery发布已经十年了，挺让人难以置信。过去的这些年Web开发变了很多，jQuery也随之变化着。在这个过程中，团队一直在对确保过往代码的兼容支持和获取最好的Web开发实践的现实之间努力着。就在2天前，jQuery发布了新的3.0最终版本2016-06-06
下面介绍30个最好的jQuery Lightbox 插件，别忘了收藏它，以防未来的设计中错过它们中的一个。2011-04-04
这篇文章主要为大家详细介绍了jquery实现吸顶导航效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-01-01
最新评论