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 相关文章推荐
javascript cookies 设置、读取、删除实例代码
Apr 12 Javascript
无缝滚动js代码通俗易懂(自写)
Jun 19 Javascript
javascript:void(0)使用探讨
Aug 27 Javascript
javascript自定义函数参数传递为字符串格式
Jul 29 Javascript
基于javascript的COOkie的操作实现只能点一次
Dec 26 Javascript
jQuery简单实现隐藏以及显示特效
Feb 26 Javascript
JS实现微信弹出搜索框 多条件查询功能
Dec 13 Javascript
JavaScript解析JSON格式数据的方法示例
Jan 24 Javascript
Vue.js通用应用框架-Nuxt.js的上手教程
Dec 25 Javascript
基于vue中css预加载使用sass的配置方式详解
Mar 13 Javascript
vue实现后台管理权限系统及顶栏三级菜单显示功能
Jun 19 Javascript
JavaScript实现身份证验证代码实例
Aug 26 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
海贼王动画变成“真人”后,凯多神还原,雷利太帅了!
2020/04/09 日漫
解决file_get_contents无法请求https连接的方法
2013/12/17 PHP
从零开始学YII2框架(四)扩展插件yii2-kartikgii
2014/08/20 PHP
PHP XML Expat解析器知识点总结
2019/02/15 PHP
jQuery 无刷新分页实例代码
2013/11/12 Javascript
jquery提交form表单时禁止重复提交的方法
2014/02/13 Javascript
同一个网页中实现多个JavaScript特效的方法
2015/02/02 Javascript
JavaScript中的关联数组问题
2015/03/04 Javascript
JavaScript使用cookie实现记住账号密码功能
2015/04/27 Javascript
在Javascript中处理数组之toSource()方法的使用
2015/06/09 Javascript
浅谈JavaScript中小数和大整数的精度丢失
2016/05/31 Javascript
JS获取checkbox的个数简单实例
2016/08/19 Javascript
JS实现复制功能
2017/03/01 Javascript
关于Vue Webpack2单元测试示例详解
2017/08/14 Javascript
JS实现碰撞检测的方法分析
2018/01/19 Javascript
vue2 前端搜索实现示例
2018/02/26 Javascript
Angular6 Filter实现页面搜索的示例代码
2018/12/02 Javascript
Js on及addEventListener原理用法区别解析
2020/07/11 Javascript
Python字符串的encode与decode研究心得乱码问题解决方法
2009/03/23 Python
Python冒泡排序注意要点实例详解
2016/09/09 Python
Python实现提取XML内容并保存到Excel中的方法
2018/09/01 Python
对python指数、幂数拟合curve_fit详解
2018/12/29 Python
解决pyinstaller打包pyqt5的问题
2019/01/08 Python
python中logging模块的一些简单用法的使用
2019/02/22 Python
Python配置虚拟环境图文步骤
2019/05/20 Python
python写入文件自动换行问题的方法
2019/07/05 Python
Python如何使用队列方式实现多线程爬虫
2020/05/12 Python
英国内衣连锁店:Boux Avenue
2018/01/24 全球购物
DNA基因检测和分析:23andMe
2019/05/01 全球购物
会计人员演讲稿
2014/09/11 职场文书
机关作风建设剖析材料
2014/10/11 职场文书
南京导游词
2015/02/03 职场文书
《刺客之王:C罗全景传记》:时代从来不会亏待手艺人
2019/11/28 职场文书
Pandas||过滤缺失数据||pd.dropna()函数的用法说明
2021/05/14 Python
golang定时器
2022/04/14 Golang
微信小程序实现轮播图指示器
2022/06/25 Javascript