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 保存数组到Cookie的代码
Apr 14 Javascript
自制的文件上传JS控件可支持IE、chrome、firefox etc
Apr 18 Javascript
JavaScript弹出新窗口后向父窗口输出内容的方法
Apr 06 Javascript
基于JS代码实现实时显示系统时间
Jun 16 Javascript
JS中动态创建元素的三种方法总结(推荐)
Oct 20 Javascript
jQuery实现简单的计时器功能实例分析
Aug 29 jQuery
浅谈Angular 的变化检测的方法
Mar 01 Javascript
详解如何用typescript开发koa2的二三事
Nov 13 Javascript
利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序
Jun 07 Javascript
vue下的@change事件的实现
Oct 25 Javascript
vue中template的三种写法示例
Oct 21 Javascript
JavaScript实现鼠标移入随机变换颜色
Nov 24 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 socke 向指定页面提交数据
2008/07/23 PHP
php 生成文字png图片的代码
2011/04/17 PHP
基于PHP magic_quotes_gpc的使用方法详解
2013/06/24 PHP
Yii使用smsto短信接口的函数demo示例
2016/07/13 PHP
PHP简单预防sql注入的方法
2016/09/27 PHP
用js得到网页中所有的div的id
2020/10/19 Javascript
ExtJS 2.0 实用简明教程之布局概述
2009/04/29 Javascript
jQuery live
2009/05/15 Javascript
cloudgamer出品ImageZoom 图片放大效果
2010/04/01 Javascript
js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版
2011/01/08 Javascript
深入理解JavaScript系列(15) 函数(Functions)
2012/04/12 Javascript
兼容Firefox的Javascript XSLT 处理XML文件
2014/12/31 Javascript
js实现点击链接后窗口缩小并居中的方法
2015/03/02 Javascript
jquery中ajax处理跨域的三大方式
2016/01/05 Javascript
jQuery 跨域访问解决原理案例详解
2016/07/09 Javascript
深入理解Node中的buffer模块
2017/06/03 Javascript
[10:14]2018DOTA2国际邀请赛寻真——paiN Gaming不仅为自己而战
2018/08/14 DOTA
Python读取图片EXIF信息类库介绍和使用实例
2014/07/10 Python
Python中强大的命令行库click入门教程
2016/12/26 Python
一张图带我们入门Python基础教程
2017/02/05 Python
Python实现随机选择元素功能
2017/09/14 Python
Python切片操作实例分析
2018/03/16 Python
python删除字符串中指定字符的方法
2018/08/13 Python
Python3.5 win10环境下导入kera/tensorflow报错的解决方法
2019/12/19 Python
python base64库给用户名或密码加密的流程
2020/01/02 Python
Django如何使用jwt获取用户信息
2020/04/21 Python
python seaborn heatmap可视化相关性矩阵实例
2020/06/03 Python
查看keras的默认backend实现方式
2020/06/19 Python
Python基于httpx模块实现发送请求
2020/07/07 Python
HTML5+CSS3实现拖放(Drag and Drop)示例
2014/07/07 HTML / CSS
莱德杯高尔夫欧洲官方商店:Ryder Cup Shop
2019/08/14 全球购物
澳大利亚领先的内衣店:Bendon Lingerie澳大利亚
2020/05/15 全球购物
视图的作用
2014/12/19 面试题
我的画教学反思
2014/04/28 职场文书
护士找工作求职信
2014/07/02 职场文书
员工工作表扬信
2015/05/05 职场文书