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.validate使用攻略 第二部
Jul 01 Javascript
js读取被点击次数的简单实例(从数据库中读取)
Mar 07 Javascript
jQuery获取剪贴板内容的方法
Jun 16 Javascript
Bootstrap模态框(modal)垂直居中的实例代码
Aug 18 Javascript
BootStrap Table 获取同行不同列元素的方法
Dec 19 Javascript
详解webpack编译多页面vue项目的配置问题
Dec 11 Javascript
Vue登录主页动态背景短视频制作
Sep 21 Javascript
vue中 数字相加为字串转化为数值的例子
Nov 07 Javascript
在vue中使用axios实现post方式获取二进制流下载文件(实例代码)
Dec 16 Javascript
ES6函数实现排它两种写法解析
May 13 Javascript
详解Vue的异步更新实现原理
Dec 22 Vue.js
微信小程序实现下拉加载更多商品
Dec 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的ob_start来生成静态页面的方法分析
2011/03/09 PHP
PHP MYSQL实现登陆和模糊查询两大功能
2016/02/05 PHP
PHP面向对象程序设计之构造方法和析构方法详解
2019/06/13 PHP
laravel框架邮箱认证实现方法详解
2019/11/22 PHP
thinkphp5.1 框架导入/导出excel文件操作示例
2020/05/25 PHP
Javascript 日期处理之时区问题
2009/10/08 Javascript
javascript开发中因空格引发的错误
2010/11/08 Javascript
Uglifyjs(JS代码优化工具)入门 安装使用
2020/04/13 Javascript
javascript小数四舍五入多种方法实现
2012/12/23 Javascript
JavaScript全排列的六种算法 具体实现
2013/06/29 Javascript
一个简单的Node.js异步操作管理器分享
2014/04/29 Javascript
Javascript中typeof 用法小结
2015/05/12 Javascript
javascript性能优化之DOM交互操作实例分析
2015/12/12 Javascript
javaScript数组迭代方法详解
2016/04/14 Javascript
AngularJS extend用法详解及实例代码
2016/11/15 Javascript
在vue项目中,使用axios跨域处理
2018/03/07 Javascript
详解PHP后期静态绑定分析与应用
2018/03/21 Javascript
利用原生的JavaScript实现简单拼图游戏
2018/11/18 Javascript
javascript删除数组元素的七个方法示例
2019/09/09 Javascript
vue 判断页面是首次进入还是再次刷新的实例
2020/11/05 Javascript
原生JavaScript实现五子棋游戏
2020/11/09 Javascript
Android 兼容性问题:java.lang.UnsupportedOperationException解决办法
2017/03/19 Python
Django使用paginator插件实现翻页功能的实例
2018/10/24 Python
一篇文章搞懂Python的类与对象名称空间
2018/12/10 Python
服务器端jupyter notebook映射到本地浏览器的操作
2020/04/14 Python
在Keras中CNN联合LSTM进行分类实例
2020/06/29 Python
GUESS德国官网:美国牛仔服装品牌
2017/02/14 全球购物
C#软件工程师英语面试题
2015/06/07 面试题
介绍一下linux文件系统分配策略
2013/02/25 面试题
高中自我评价分享
2013/12/05 职场文书
生物学专业求职信
2014/07/23 职场文书
文员试用期转正自我鉴定
2014/09/14 职场文书
九年级历史教学反思
2016/02/19 职场文书
2016年区委书记抓基层党建工作公开承诺书
2016/03/25 职场文书
用Python进行栅格数据的分区统计和批量提取
2021/05/27 Python
Python中的datetime包与time包包和模块详情
2022/02/28 Python