jquery js 重置表单 reset()具体实现代码


Posted in Javascript onAugust 05, 2013

在开发中,我们会用到很多表单,我们希望表单提交以后,能reset,
但是jquery没有这个方法,怎么处理呢?

<form id="form1" action="" method="post" runat="server"> 
<input name="inp" id="inp" value="1" /> 
</form>

方法一:
我们可以通过就是实现
id:
document.getElementById("form1").reset();

name:
document.formName.reset();

方法二:
逐一清空:
$("#inp").val("1");

但是表单太多的话,这也是不实际的,有100个,1000个,总不能写100,个1000个吧。
也许你会说,写成这样:
$("input").val("");

那表单的默认值呢?表单还有其他类型,都写一遍?
加type为reset的input
<form id="form1" action="" method="post" runat="server"> 
<input name="inp" id="inp" value="1" /> 
<input id="res" name="res" type="reset" style="display:none;" /> 
</form>

$("input[name='res']").click();

所有表单清空
ok
Javascript 相关文章推荐
UserData用法总结 lanyu出品
Jul 01 Javascript
在Javascript里访问SharePoint列表数据的实现方法
May 22 Javascript
基于jquery实现图片相关操作(重绘、获取尺寸、调整大小、缩放)
Dec 25 Javascript
AngularJS中的Promise详细介绍及实例代码
Dec 13 Javascript
移动端刮刮乐的实现方式(js+HTML5)
Mar 23 Javascript
很棒的vue弹窗组件
May 24 Javascript
vue+vuecli+webpack中使用mockjs模拟后端数据的示例
Oct 24 Javascript
layui的table中显示图片方法
Aug 17 Javascript
原生js实现公告滚动效果
Jan 10 Javascript
webpack常用配置总览(小结)
Nov 18 Javascript
json.stringify()与json.parse()的区别以及用处
Jan 25 Javascript
js基于div丝滑实现贝塞尔曲线
Sep 23 Javascript
JS幻灯片可循环播放可平滑旋转带滚动导航(自写)
Aug 05 #Javascript
artDialog双击会关闭对话框的修改过程分享
Aug 05 #Javascript
html+javascript实现可拖动可提交的弹出层对话框效果
Aug 05 #Javascript
一款jquery特效编写的大度宽屏焦点图切换特效的实例代码
Aug 05 #Javascript
jquery网页元素拖拽插件效果及实现
Aug 05 #Javascript
jquery mobile实现拨打电话功能的几种方法
Aug 05 #Javascript
js 判断计算字符串长度/判断空的简单方法
Aug 05 #Javascript
You might like
基于Windows下Apache PHP5.3.1安装教程
2010/01/08 PHP
php中的常用魔术方法汇总
2016/02/14 PHP
php使用正则表达式获取字符串中的URL
2016/12/29 PHP
php写入mysql中文乱码的实例解决方法
2019/09/17 PHP
js预载入和JavaScript Image()对象使用介绍
2011/08/28 Javascript
面向对象继承实例(a如何继承b问题)(自写)
2013/07/01 Javascript
AngularJS基础 ng-cloak 指令简单示例
2016/08/01 Javascript
js中利用cookie实现记住密码功能
2020/08/20 Javascript
jQuery Mobile漏洞会有跨站脚本攻击风险
2017/02/12 Javascript
js 博客内容进度插件详解
2017/02/19 Javascript
JS实现移动端整屏滑动的实例代码
2017/11/10 Javascript
解决vue中对象属性改变视图不更新的问题
2018/02/23 Javascript
解决vue项目打包后提示图片文件路径错误的问题
2018/07/04 Javascript
vue新vue-cli3环境配置和模拟json数据的实例
2018/09/19 Javascript
angularJs在多个控制器中共享服务数据的方法
2018/09/30 Javascript
微信开发之微信jssdk录音功能开发示例
2018/10/22 Javascript
jQuery pagination分页示例详解
2018/10/23 jQuery
JQuery实现ajax请求的示例和注意事项
2018/12/10 jQuery
vue下载excel的实现代码后台用post方法
2019/05/10 Javascript
vue实现分页加载效果
2019/12/24 Javascript
[03:34]2014DOTA2西雅图国际邀请赛 淘汰赛7月15日TOPPLAY
2014/07/15 DOTA
利用Python自动监控网站并发送邮件告警的方法
2016/08/24 Python
python生成excel的实例代码
2017/11/08 Python
python并发编程之线程实例解析
2017/12/27 Python
完美解决Python matplotlib绘图时汉字显示不正常的问题
2019/01/29 Python
Python批量查询关键词微信指数实例方法
2019/06/27 Python
详解python方法之绑定方法与非绑定方法
2020/08/17 Python
Nili Lotan官网:Nili Lotan同名品牌
2018/01/07 全球购物
幼师自荐信范文
2013/10/06 职场文书
小学音乐教学反思
2014/02/05 职场文书
学生社团文化节开幕式主持词
2014/03/28 职场文书
售后服务承诺书怎么写
2014/05/21 职场文书
单位委托书格式范本
2014/09/29 职场文书
公司财务管理制度
2015/08/04 职场文书
2015年高三毕业班班主任工作总结
2015/10/22 职场文书
幼儿园教学反思范文
2016/03/02 职场文书