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的tabs使用时的问题
Mar 23 Javascript
javascript中[]和{}对象使用介绍
Mar 20 Javascript
jQuery循环动画与获取组件尺寸的方法
Feb 02 Javascript
JS+CSS实现模仿浏览器网页字符查找功能的方法
Feb 26 Javascript
JavaScript运动减速效果实例分析
Aug 04 Javascript
Javascript中的return作用及javascript return关键字用法详解
Nov 05 Javascript
jquery中ajax处理跨域的三大方式
Jan 05 Javascript
JS提示:Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法
Aug 19 Javascript
移动端js图片查看器
Nov 17 Javascript
AngularJS开发教程之控制器之间的通信方法分析
Dec 25 Javascript
js制作简单的音乐播放器的示例代码
Aug 28 Javascript
Layui Form 自定义验证的实例代码
Sep 14 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
js 手机号码合法性验证代码集合
2012/09/29 Javascript
原生js实现给指定元素的后面追加内容
2013/04/10 Javascript
JS的document.all函数使用示例
2013/12/30 Javascript
jquery实现二级导航下拉菜单效果
2015/12/18 Javascript
BootStrap和jQuery相结合实现可编辑表格
2016/04/21 Javascript
基于Bootstrap实现下拉菜单项和表单导航条(两个菜单项,一个下拉菜单和登录表单导航条)
2016/07/22 Javascript
AngularJS服务service用法总结
2016/12/13 Javascript
React Router基础使用
2017/01/17 Javascript
JavaScript中利用构造器函数模拟类的方法
2017/02/16 Javascript
nodeJS模块简单用法示例
2018/04/21 NodeJs
Vue中用props给data赋初始值遇到的问题解决
2018/11/27 Javascript
layui递归实现动态左侧菜单
2019/07/26 Javascript
[02:53]DOTA2英雄昆卡基础教程
2013/11/25 DOTA
[52:57]2014 DOTA2国际邀请赛中国区预选赛 LGD-CDEC VS HGT
2014/05/21 DOTA
[03:07]2015国际邀请赛选手档案EHOME.rOtK 是什么让他落泪?
2015/07/31 DOTA
用ReactJS和Python的Flask框架编写留言板的代码示例
2015/12/19 Python
python实现爬虫统计学校BBS男女比例(一)
2015/12/31 Python
Python中Selenium模拟JQuery滑动解锁实例
2017/07/26 Python
Python 将RGB图像转换为Pytho灰度图像的实例
2017/11/14 Python
python实现教务管理系统
2018/03/12 Python
python实现创建新列表和新字典,并使元素及键值对全部变成小写
2019/01/15 Python
对pytorch中的梯度更新方法详解
2019/08/20 Python
Python数据处理篇之Sympy系列(五)---解方程
2019/10/12 Python
python3.x中安装web.py步骤方法
2020/06/23 Python
浅析Python __name__ 是什么
2020/07/07 Python
python 利用zmail库发送邮件
2020/09/11 Python
详解html5 canvas 微信海报分享(个人爬坑)
2018/01/12 HTML / CSS
英国领先的珍珠首饰品牌:Orchira
2016/09/11 全球购物
美国儿童珠宝在线零售商:Loveivy
2019/05/22 全球购物
美国美食礼品篮网站:Gourmet Gift Baskets
2019/12/15 全球购物
公司廉洁自律承诺书
2014/03/27 职场文书
感恩的演讲稿
2014/05/06 职场文书
幼儿园开学家长寄语(2015秋季)
2015/05/27 职场文书
医院见习总结
2015/06/24 职场文书
提档介绍信范文
2015/10/22 职场文书
扩展多台相同的Web服务器
2021/04/01 Servers