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提交并解析后台返回的XML的代码
Nov 03 Javascript
jquery入门—访问DOM对象方法
Jan 07 Javascript
非常好用的JsonToString 方法 简单实例
Jul 18 Javascript
angularJS提交表单(form)
Feb 09 Javascript
js实现键盘上下左右键选择文字并显示在文本框的方法
May 07 Javascript
JQuery Ajax动态加载Table数据的实例讲解
Aug 09 jQuery
Vue的watch和computed方法的使用及区别介绍
Sep 06 Javascript
axios 封装上传文件的请求方法
Sep 26 Javascript
Vue实现类似Spring官网图片滑动效果方法
Mar 01 Javascript
在vue项目中使用codemirror插件实现代码编辑器功能
Aug 27 Javascript
webpack 动态批量加载文件的实现方法
Mar 19 Javascript
基于JS+HTML实现弹窗提示是否确认提交功能
Jun 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
escape unescape的php下的实现方法
2007/04/27 PHP
PHP中的替代语法简介
2014/08/22 PHP
PHP读取文本文件并逐行输出该行使用最多的字符与对应次数的方法
2016/11/25 PHP
PHP实现的迪科斯彻(Dijkstra)最短路径算法实例
2017/09/16 PHP
Laravel框架定时任务2种实现方式示例
2018/12/08 PHP
Laravel5.1 框架数据库操作DB运行原生SQL的方法分析
2020/01/07 PHP
基于jquery的跨域调用文件
2010/11/19 Javascript
jQuery的链式调用浅析
2010/12/03 Javascript
JavaScript中的property和attribute介绍
2011/12/26 Javascript
Node.js开发指南中的简单实例(mysql版)
2013/09/17 Javascript
JS获取select的value和text值的简单实例
2014/02/26 Javascript
JavaScript函数获取事件源的小例子
2014/05/14 Javascript
JS实现两表格里数据来回转移的方法
2015/05/28 Javascript
js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】
2016/08/02 Javascript
初探nodeJS
2017/01/24 NodeJs
jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解
2017/06/12 jQuery
微信小程序 本地图片按照屏幕尺寸处理
2017/08/04 Javascript
jQuery实现的表格前端排序功能示例
2017/09/18 jQuery
JS遍历DOM文档树的方法实例详解
2018/04/03 Javascript
element-ui 文件上传修改文件名的方法示例
2019/11/05 Javascript
JavaScript观察者模式原理与用法实例详解
2020/03/10 Javascript
javascript 代码是如何被压缩的示例代码
2020/05/06 Javascript
SpringBoot在yml配置文件中配置druid的操作
2020/11/16 Javascript
[01:27]DOTA2电竞之夜 今夜共饮庆功酒
2014/08/02 DOTA
python实现的重启关机程序实例
2014/08/21 Python
视觉直观感受若干常用排序算法
2017/04/13 Python
Python编程图形库之Pillow使用方法讲解
2018/12/28 Python
selenium python 实现基本自动化测试的示例代码
2019/02/25 Python
澳大利亚潮流尖端的快时尚品牌:Cotton On
2016/09/26 全球购物
size?德国官方网站:英国伦敦的球鞋精品店
2018/03/17 全球购物
人事助理自荐信
2014/02/02 职场文书
数据保密承诺书
2014/06/03 职场文书
党支部考察鉴定意见
2015/06/02 职场文书
创业方案:赚钱的烧烤店该怎样做?
2019/07/05 职场文书
企业内部管理控制:采购授权审批制度范本
2020/01/19 职场文书
浅谈如何保证Mysql主从一致
2022/03/13 MySQL