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 keycode总结
Feb 04 Javascript
javascript模拟枚举的简单实例
Mar 06 Javascript
JavaScript严格模式禁用With语句的原因
Oct 20 Javascript
js动态修改表格行colspan列跨度的方法
Mar 30 Javascript
javascript匀速运动实现方法分析
Jan 08 Javascript
Angularjs material 实现搜索框功能
Mar 08 Javascript
jQuery实现加入收藏夹功能(主流浏览器兼职)
Dec 24 Javascript
Echart折线图手柄触发事件示例详解
Dec 16 Javascript
QML实现圆环颜色选择器
Sep 25 Javascript
使用Promise封装小程序wx.request的实现方法
Nov 13 Javascript
jQuery与原生JavaScript选择HTML元素集合用法对比分析
Nov 26 jQuery
JS实现的雪花飘落特效示例
Dec 03 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中copy on write写时复制机制介绍
2014/05/13 PHP
如何实现php图片等比例缩放
2015/07/28 PHP
CodeIgniter钩子用法实例详解
2016/01/20 PHP
PHP数组操作实例分析【添加,删除,计算,反转,排序,查找等】
2016/12/24 PHP
laravel框架与其他框架的详细对比
2019/10/23 PHP
javascript中的new使用
2010/03/20 Javascript
javascript中Array数组的迭代方法实例分析
2015/02/04 Javascript
整理AngularJS中的一些常用指令
2015/06/16 Javascript
解决JavaScript数字精度丢失问题的方法
2015/12/03 Javascript
Ionic默认的Tabs模板使用实例
2016/08/29 Javascript
纯JS实现可拖拽表单的简单实例
2016/09/02 Javascript
详解XMLHttpRequest(一)同步请求和异步请求
2016/09/14 Javascript
WebStorm ES6 语法支持设置&amp;babel使用及自动编译(详解)
2017/09/08 Javascript
浅谈Vue.js中ref ($refs)用法举例总结
2017/12/19 Javascript
vue2.0 子组件改变props值,并向父组件传值的方法
2018/03/01 Javascript
详解如何实现Element树形控件Tree在懒加载模式下的动态更新
2019/04/25 Javascript
JavaScript获取当前url路径过程解析
2019/12/27 Javascript
[01:19]DOTA2城市挑战赛报名开始 开启你的城市传奇
2018/03/23 DOTA
python压缩文件夹内所有文件为zip文件的方法
2015/06/20 Python
Python基础教程之浅拷贝和深拷贝实例详解
2017/07/15 Python
Python实现PS滤镜功能之波浪特效示例
2018/01/26 Python
pandas实现to_sql将DataFrame保存到数据库中
2019/07/03 Python
python Qt5实现窗体跟踪鼠标移动
2019/12/13 Python
python Protobuf定义消息类型知识点讲解
2021/03/02 Python
Abe’s of Maine:自1979以来销售相机和电子产品
2016/11/21 全球购物
军用级手机壳,专为冒险而建:Zizo Wireless
2019/08/07 全球购物
简述你对Statement,PreparedStatement,CallableStatement的理解
2013/03/25 面试题
试解释COMMIT操作和ROLLBACK操作的语义
2014/07/25 面试题
运动会稿件200字
2014/02/07 职场文书
初中三好学生自我鉴定
2014/04/07 职场文书
幸福家庭事迹材料
2014/12/20 职场文书
专业技术职务聘任证明
2015/03/02 职场文书
2015年度合同管理工作总结
2015/05/22 职场文书
名人传读书笔记
2015/06/26 职场文书
2016年元旦寄语
2015/08/17 职场文书
详解Redis集群搭建的三种方式
2021/05/31 Redis