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 相关文章推荐
浅析jquery的js图表组件highcharts
Mar 06 Javascript
使用text方法获取Html元素文本信息示例
Sep 01 Javascript
JS实现仿苹果底部任务栏菜单效果代码
Aug 28 Javascript
利用jQuery设计一个简单的web音乐播放器的实例分享
Mar 08 Javascript
vue2.0实现导航菜单切换效果
May 08 Javascript
使用Browserify来实现CommonJS的浏览器加载方法
May 14 Javascript
vue 自定义指令自动获取文本框焦点的方法
Aug 25 Javascript
vue 界面刷新数据被清除 localStorage的使用详解
Sep 16 Javascript
vue-router之nuxt动态路由设置的两种方法小结
Sep 26 Javascript
微信小程序实现无限滚动列表
May 29 Javascript
基于vue实现微博三方登录流程解析
Nov 04 Javascript
解决vuex刷新数据消失问题
Nov 12 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
php使用异或实现的加密解密实例
2013/09/04 PHP
PHP编写RESTful接口的方法
2016/02/21 PHP
thinkPHP中U方法加密传递参数功能示例
2018/05/29 PHP
Javascript 判断函数类型完美解决方案
2009/09/02 Javascript
JavaScript CSS修改学习第二章 样式
2010/02/19 Javascript
jQuery UI AutoComplete 使用说明
2011/06/20 Javascript
js将控件隐藏的方法及display属性介绍
2013/07/04 Javascript
解析URI与URL之间的区别与联系
2013/11/22 Javascript
JS网页在线获取鼠标坐标值的方法
2015/02/28 Javascript
早该知道的7个JavaScript技巧
2016/06/21 Javascript
基于JQuery和原生JavaScript实现网页定位导航特效
2017/04/03 jQuery
浅谈React Native Flexbox布局(小结)
2018/01/08 Javascript
JS如何监听div的resize事件详解
2020/12/03 Javascript
js实现验证码干扰(动态)
2021/02/23 Javascript
[02:27]2014DOTA2国际邀请赛 VG赛后采访:更大的挑战在等着我们
2014/07/13 DOTA
python实现apahce网站日志分析示例
2014/04/02 Python
Python遍历某目录下的所有文件夹与文件路径
2018/03/15 Python
图解Python变量与赋值
2018/04/03 Python
详解Python使用Plotly绘图工具,绘制甘特图
2019/04/02 Python
opencv python Canny边缘提取实现过程解析
2020/02/03 Python
pycharm设置默认的UTF-8编码模式的方法详解
2020/06/01 Python
解决python cv2.imread 读取中文路径的图片返回为None的问题
2020/06/02 Python
python3将变量输入的简单实例
2020/08/19 Python
Scrapy-Redis之RedisSpider与RedisCrawlSpider详解
2020/11/18 Python
Pytorch - TORCH.NN.INIT 参数初始化的操作
2021/02/27 Python
CSS3实现超酷的黑猫警长首页
2016/04/26 HTML / CSS
html5基础标签(html5视频标签 html5新标签用法)
2013/12/30 HTML / CSS
美德好少年事迹材料
2014/01/19 职场文书
《世界多美呀》教学反思
2014/03/02 职场文书
年终晚会主持词
2014/03/25 职场文书
七夕情人节促销方案
2014/06/07 职场文书
党支部三会一课计划
2014/09/24 职场文书
中学生思想品德评语
2014/12/31 职场文书
领导欢送会主持词
2015/07/06 职场文书
2019个人年度目标制定攻略!
2019/07/12 职场文书
深入浅析Redis 集群伸缩原理
2021/05/15 Redis