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 相关文章推荐
struts2 jquery 打造无限层次的树
Oct 23 Javascript
Extjs4 关于Store的一些操作(加载/回调/添加)
Apr 18 Javascript
jQuery javaScript捕获回车事件(示例代码)
Nov 07 Javascript
JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享
Apr 11 Javascript
js中对函数设置默认参数值的3种方法
Oct 23 Javascript
javascript 的变量、作用域和内存问题
Apr 19 Javascript
实现微信小程序的wxml文件和wxss文件在webstrom的支持
Jun 12 Javascript
详解Vue2 SSR 缓存 Api 数据
Nov 20 Javascript
Vue中添加手机验证码组件功能操作方法
Dec 07 Javascript
vue源码解析之事件机制原理
Apr 21 Javascript
小程序简单两栏瀑布流效果的实现
Dec 18 Javascript
Vue Object 的变化侦测实现代码
Apr 15 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 正确解码javascript中通过escape编码后的字符
2010/01/28 PHP
php中的单引号、双引号和转义字符详解
2017/02/16 PHP
TP5多入口设置实例讲解
2020/12/15 PHP
javascript 简单高效判断数据类型 系列函数 By shawl.qiu
2007/03/06 Javascript
用JSON做数据传输格式中的一些问题总结
2011/12/21 Javascript
js获取select标签选中值的两种方式
2014/01/09 Javascript
基于JQuery实现滚动到页面底端时自动加载更多信息
2014/01/31 Javascript
jQuery实现鼠标经过图片预览大图效果
2014/04/10 Javascript
搭建pomelo 开发环境
2014/06/24 Javascript
JavaScript中使用document.write向页面输出内容实例
2014/10/16 Javascript
基于Vue.js实现简单搜索框
2020/03/26 Javascript
利用js定义一个导航条菜单
2017/03/14 Javascript
详解angular中通过$location获取路径(参数)的写法
2017/03/21 Javascript
react.js CMS 删除功能的实现方法
2017/04/17 Javascript
JS+css3实现幻灯片轮播图
2020/08/14 Javascript
五句话帮你轻松搞定js原型链
2020/12/09 Javascript
[01:33:30]DOTA2-DPC中国联赛 正赛 RNG vs Phoenix BO3 第二场 2月5日
2021/03/11 DOTA
Python网页解析利器BeautifulSoup安装使用介绍
2015/03/17 Python
Python3搜索及替换文件中文本的方法
2015/05/22 Python
Ubuntu下创建虚拟独立的Python环境全过程
2017/02/10 Python
Python 机器学习库 NumPy入门教程
2018/04/19 Python
基于python的selenium两种文件上传操作实现详解
2019/09/19 Python
使用PyCharm安装pytest及requests的问题
2020/07/31 Python
python使用matplotlib绘制折线图的示例代码
2020/09/22 Python
html5 canvas 使用示例
2010/10/22 HTML / CSS
Melijoe美国官网:法国奢侈童装购物网站
2017/04/19 全球购物
Expedia法国:全球最大在线旅游公司
2018/09/30 全球购物
广州御银科技股份有限公司试卷(C++)
2016/11/04 面试题
大学生专科学习生活的自我评价
2013/12/07 职场文书
酒店司机岗位职责
2013/12/14 职场文书
思想品德课教学反思
2014/02/10 职场文书
操行评语大全
2014/04/30 职场文书
2015年十一国庆节演讲稿
2015/03/20 职场文书
银行稽核岗位职责
2015/04/13 职场文书
离婚财产分割协议书
2015/08/11 职场文书
Python使用OpenCV和K-Means聚类对毕业照进行图像分割
2021/06/11 Python