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 相关文章推荐
GreyBox技术总结(转)
Nov 23 Javascript
javascript记录文本框内文字个数检测文字个数变化
Oct 14 Javascript
在JavaScript中访问字符串的子串
Jul 07 Javascript
基于PHP和Mysql相结合使用jqGrid读取数据并显示
Dec 02 Javascript
Bootstrap响应式表格详解
May 23 Javascript
基于jquery实现五星好评
Nov 18 jQuery
JavaScript数据结构与算法之队列原理与用法实例详解
Nov 22 Javascript
微信小程序新手教程之页面打开数量限制
Mar 03 Javascript
Node爬取大批量文件的方法示例
Jun 28 Javascript
JS校验与最终登陆界面功能完整示例
Jan 13 Javascript
微信小程序个人中心的列表控件实现代码
Apr 26 Javascript
微信小程序实现导航栏和内容上下联动功能代码
Jun 29 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初学者最感迷茫的问题小结
2010/03/27 PHP
深入分析php中接口与抽象类的区别
2013/06/08 PHP
php计算两个文件相对路径的方法
2015/03/14 PHP
Javascript的构造函数和constructor属性
2010/01/09 Javascript
Javascript图像处理—为矩阵添加常用方法
2012/12/27 Javascript
利用浮层使select不可选的实现方法
2016/12/03 Javascript
通过命令行生成vue项目框架的方法
2017/07/12 Javascript
通过示例彻底搞懂js闭包
2017/08/10 Javascript
详解JavaScript中的函数、对象
2019/04/01 Javascript
详解Vue串联过滤器的使用场景
2020/04/30 Javascript
基于js实现数组相邻元素上移下移
2020/05/19 Javascript
[01:10]DOTA2英雄背景故事第四期之混沌法则混沌骑士
2020/07/16 DOTA
Python单链表简单实现代码
2016/04/27 Python
Python环境下搭建属于自己的pip源的教程
2016/05/05 Python
Python爬虫实现网页信息抓取功能示例【URL与正则模块】
2017/05/18 Python
Python数据拟合与广义线性回归算法学习
2017/12/22 Python
Python装饰器用法示例小结
2018/02/11 Python
基于python批量处理dat文件及科学计算方法详解
2018/05/08 Python
Python实用技巧之利用元组代替字典并为元组元素命名
2018/07/11 Python
python redis 删除key脚本的实例
2019/02/19 Python
Python图像处理之图片文字识别功能(OCR)
2019/07/30 Python
如何在python中写hive脚本
2019/11/08 Python
Html5之自定义属性(data-,dataset)
2019/11/19 HTML / CSS
trivago美国:全球最大的酒店价格比较网站
2018/01/18 全球购物
英国性感内衣和睡衣品牌:Bluebella
2018/01/26 全球购物
夏威夷灵感服装及配饰:Reyn Spooner
2018/09/18 全球购物
官方授权图形T恤和服装:Fifth Sun
2019/06/12 全球购物
计算机大学生的自我评价
2013/10/15 职场文书
给排水工程师岗位职责
2013/11/21 职场文书
咖啡书吧创业计划书
2014/01/13 职场文书
英文商务邀请信
2014/01/22 职场文书
团日活动总结书格式
2014/05/08 职场文书
校园标语大全
2014/06/19 职场文书
2014年调度员工作总结
2014/11/19 职场文书
2015年九一八事变纪念活动实施方案
2015/05/06 职场文书
先进党支部事迹材料2016
2016/02/26 职场文书