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:;与javascript:void(0)使用介绍
Jun 05 Javascript
js实现动态添加、删除行、onkeyup表格求和示例
Aug 18 Javascript
Javascript 命名空间模式
Nov 01 Javascript
理解jQuery stop()方法
Nov 21 Javascript
Jquery对select的增、删、改、查操作
Feb 06 Javascript
javascript实现五星评分功能
Nov 10 Javascript
jQuery插件pagination实现无刷新分页
May 21 Javascript
JavaScript 数组中最大最小值
Jun 05 Javascript
jQuery实现可兼容IE6的淡入淡出效果告警提示功能示例
Sep 20 jQuery
微信端调取相册和摄像头功能,实现图片上传,并上传到服务器
May 16 Javascript
js实现中文实时时钟
Jan 15 Javascript
vue 在methods中调用mounted的实现操作
Aug 07 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常用开发函数解析之数组篇[未完结]
2012/07/30 PHP
用php来改写404错误页让你的页面更友好
2013/01/24 PHP
PHP数字和字符串ID互转函数(类似优酷ID)
2014/06/30 PHP
thinkphp 手机号和用户名同时登录
2017/01/20 PHP
yii2 在控制器中验证请求参数的使用方法
2019/06/19 PHP
jQuery 自动增长的文本输入框实现代码
2010/04/02 Javascript
鼠标悬浮显示二级菜单效果的jquery实现
2014/10/29 Javascript
基于jQuery实现音乐播放试听列表
2016/04/14 Javascript
利用node.js写一个爬取知乎妹纸图的小爬虫
2017/05/03 Javascript
基于jQuery Ajax实现下拉框无刷新联动
2017/12/06 jQuery
JS尾递归的实现方法及代码优化技巧
2019/01/19 Javascript
eslint 的三大通用规则详解
2019/05/16 Javascript
微信小程序登录对接Django后端实现JWT方式验证登录详解
2019/07/29 Javascript
JS函数基本定义与用法示例
2020/01/15 Javascript
关于你不想知道的所有Python3 unicode特性
2014/11/28 Python
Python中SOAP项目的介绍及其在web开发中的应用
2015/04/14 Python
Python入门必须知道的11个知识点
2018/03/21 Python
python3.5 email实现发送邮件功能
2018/05/22 Python
Python3实现的旋转矩阵图像算法示例
2019/04/03 Python
Python 的AES加密与解密实现
2019/07/09 Python
Windows10下 python3.7 安装 facenet的教程
2019/09/10 Python
python实现一个点绕另一个点旋转后的坐标
2019/12/04 Python
Docker如何部署Python项目的实现详解
2020/10/26 Python
python 制作网站筛选工具(附源码)
2021/01/21 Python
HTML5 textarea高度自适应的两种方案
2020/04/08 HTML / CSS
Paul Smith英国官网:英国国宝级时装品牌
2019/03/21 全球购物
linux面试题参考答案(6)
2016/06/23 面试题
服务员自我评价
2014/01/25 职场文书
亲戚结婚的请假条
2014/02/11 职场文书
疾病捐款倡议书
2014/05/13 职场文书
微笑面对生活演讲稿
2014/09/23 职场文书
党员个人查摆剖析材料
2014/10/16 职场文书
高考作弊检讨书1500字
2015/02/16 职场文书
军训通讯稿范文
2015/07/18 职场文书
世界各国短波电台对东亚播送时间频率表(SW)
2021/06/28 无线电
golang生成并解析JSON
2022/04/14 Golang