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


Posted in Javascript onDecember 18, 2012

有时候可能需要实现这样的效果:使用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按钮 }
Javascript 相关文章推荐
JS中==与===操作符的比较
Mar 21 Javascript
使用jQuery Ajax功能时需要注意的一个问题(内存溢出)
May 30 Javascript
jQuery的显示和隐藏方法与css隐藏的样式对比
Oct 18 Javascript
JavaScript实现多维数组的方法
Nov 20 Javascript
JavaScript实现图片DIV竖向滑动的方法
Apr 25 Javascript
基于jquery实现图片上传本地预览功能
Jan 08 Javascript
JS基于递归实现倒计时效果的方法
Nov 26 Javascript
BootStrop前端框架入门教程详解
Dec 25 Javascript
JavaScript实现二维坐标点排序效果
Jul 18 Javascript
javascript+html5+css3自定义弹出窗口效果
Oct 26 Javascript
TypeScript中使用getElementXXX()的示例代码
Sep 12 Javascript
使用PDF.js渲染canvas实现预览pdf的效果示例
Apr 17 Javascript
js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
Dec 17 #Javascript
jQuery获取样式中的背景颜色属性值/颜色值
Dec 17 #Javascript
IE不支持getElementsByClassName最终完美解决方案
Dec 17 #Javascript
jQuery移动和复制dom节点实用DOM操作案例
Dec 17 #Javascript
javascript中判断一个值是否在数组中并没有直接使用
Dec 17 #Javascript
firefox下jquery iframe刷新页面提示会导致重复之前动作
Dec 17 #Javascript
使用按钮控制以何种方式打开新窗口的属性介绍
Dec 17 #Javascript
You might like
这部番真是良心,画质好到像风景区,剧情让人跟着小公会热血沸腾
2020/03/10 日漫
php+mysqli使用面向对象方式更新数据库实例
2015/01/29 PHP
Yii数据库缓存实例分析
2016/03/29 PHP
jQuery+php简单实现全选删除的方法
2016/11/28 PHP
PHP自定义序列化接口Serializable用法分析
2017/12/29 PHP
使用composer命令加载vendor中的第三方类库 的方法
2019/07/09 PHP
一步一步教你写一个jQuery的插件教程(Plugin)
2009/09/03 Javascript
jquery checkbox全选、取消全选实现代码
2010/03/05 Javascript
JavaScript打开word文档的实现代码(c#)
2012/04/16 Javascript
javascript 全选与全取消功能的实现代码
2012/12/23 Javascript
JS实现屏蔽shift,Ctrl,alt等功能键的方法
2015/06/01 Javascript
使用vue.js开发时一些注意事项
2016/04/27 Javascript
实现单层json按照key字母顺序排序的示例
2017/12/06 Javascript
laravel实现中文和英语互相切换的例子
2019/09/30 Javascript
vue使用nprogress加载路由进度条的方法
2020/06/04 Javascript
详解Vue 的异常处理机制
2020/11/30 Vue.js
vue实现图片裁剪后上传
2020/12/16 Vue.js
[02:41]辉夜杯现场一家三口 “我爸玩风行 我玩血魔”
2015/12/27 DOTA
[01:05:40]VG vs Newbee 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
[01:11:37]完美世界DOTA2联赛PWL S2 SZ vs FTD.C 第一场 11.19
2020/11/19 DOTA
Python open读写文件实现脚本
2008/09/06 Python
Python进度条实时显示处理进度的示例代码
2018/01/30 Python
python 脚本生成随机 字母 + 数字密码功能
2018/05/26 Python
python生成密码字典的方法
2018/07/06 Python
caffe binaryproto 与 npy相互转换的实例讲解
2018/07/09 Python
Python 脚本实现淘宝准点秒杀功能
2019/11/13 Python
使用python+whoosh实现全文检索
2019/12/09 Python
Python pip安装模块提示错误解决方案
2020/05/22 Python
python try...finally...的实现方法
2020/11/25 Python
Columbia美国官网:美国著名的户外服装品牌
2016/11/24 全球购物
消防应急演练方案
2014/02/12 职场文书
纪念九一八爱国演讲稿600字
2014/09/14 职场文书
庆祝教师节标语
2014/10/09 职场文书
合作意向书范本
2019/04/17 职场文书
《孙子兵法》:欲成大事者,需读懂这些致胜策略
2019/08/23 职场文书
Python列表的索引与切片
2022/04/07 Python