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 EasyUI 对话框的使用方法
Oct 24 Javascript
JS验证身份证有效性示例
Oct 11 Javascript
javascript 常用验证函数总结
Jun 28 Javascript
angularjs 源码解析之scope
Aug 22 Javascript
jQuery动态修改字体大小的方法【测试可用】
Sep 09 Javascript
javascript编程开发中取色器及封装$函数用法示例
Aug 09 Javascript
JS实现前端缓存的方法
Sep 21 Javascript
解决vue2.0动态绑定图片src属性值初始化时报错的问题
Mar 14 Javascript
vue实现的仿淘宝购物车功能详解
Jan 27 Javascript
Vue插件从封装到发布的完整步骤记录
Feb 28 Javascript
使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法
Sep 09 Javascript
OpenLayers3实现地图显示功能
Sep 25 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
全国FM电台频率大全 - 19 广东省
2020/03/11 无线电
PHP提示Deprecated: mysql_connect(): The mysql extension is deprecated的解决方法
2014/08/28 PHP
分享常见的几种页面静态化的方法
2015/01/08 PHP
PHP将整数数字转换为罗马数字实例分享
2019/03/17 PHP
JavaScript 实现模态对话框 源代码大全
2009/05/02 Javascript
HTML上传控件取消选择
2013/03/06 Javascript
jquery 扑捉回车键事件代码
2014/04/24 Javascript
jquery简单实现外部链接用新窗口打开的方法
2015/05/30 Javascript
原生js实现class的添加和删除简单代码
2016/07/12 Javascript
jquery判断类型是不是number类型的实例代码
2016/10/07 Javascript
KnockoutJS 3.X API 第四章之表单value绑定
2016/10/10 Javascript
基于js实现二级下拉联动
2016/12/17 Javascript
node.js中TCP Socket多进程间的消息推送示例详解
2018/07/10 Javascript
小程序click-scroll组件设计
2019/06/18 Javascript
微信小程序如何自定义table组件
2019/06/29 Javascript
jQuery实现飞机大战小游戏
2020/07/05 jQuery
vue组件开发之tab切换组件使用详解
2020/08/21 Javascript
[48:18]DOTA2-DPC中国联赛 正赛 RNG vs Dynasty BO3 第二场 1月29日
2021/03/11 DOTA
python中的sort方法使用详解
2014/07/25 Python
python中bisect模块用法实例
2014/09/25 Python
python使用标准库根据进程名如何获取进程的pid详解
2017/10/31 Python
flask中过滤器的使用详解
2018/08/01 Python
使用pytorch完成kaggle猫狗图像识别方式
2020/01/10 Python
Virtualenv 搭建 Py项目运行环境的教程详解
2020/06/22 Python
Keras中 ImageDataGenerator函数的参数用法
2020/07/03 Python
用Python进行websocket接口测试
2020/10/16 Python
翻译学院毕业生自荐书
2014/02/02 职场文书
计算机维护专业推荐信
2014/02/27 职场文书
法制宣传月活动总结
2014/04/29 职场文书
新闻发布会策划方案
2014/06/12 职场文书
小学教师师德师风个人整改措施
2014/09/18 职场文书
2015年中秋放假通知范文
2015/08/18 职场文书
幼儿园2016年感恩节活动总结
2016/04/01 职场文书
制定企业培训计划的五大要点!
2019/07/10 职场文书
慰问信(范文3篇)
2019/10/23 职场文书
一次Mysql update sql不当引起的生产故障记录
2022/04/01 MySQL