jquery js 重置表单 reset()具体实现代码
在开发中,我们会用到很多表单,我们希望表单提交以后,能reset,
但是jquery没有这个方法,怎么处理呢?
代码如下:
<form id="form1" action="" method="post" runat="server">
<input name="inp" id="inp" value="1" />
</form>
document.getElementById("form1").reset();
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
相关推荐
-
JS清空上传控件input(type="file")的值的代码第1/2页
google找到这样一个解决方法: 在上传控件中插入了值,就只能通过form的reset功能来清空了,但是form里面其他的值也被reset了. 既然可以使用form的reset清空,那就有办法了:新建一个临时form,然后将需要清空的上传控件移入其中,reset之后,再移回原来所在位置,最后删除创建的临时form.js代码: 复制代码 代码如下: var Upload = { clear: function(id){ var up = (typeof id=="string")?d
-
js使用循环清空某个div中的input标签值
HTML页面 <div class="col-xs-9" id="search_songs_a"> <table> <tbody> <tr> <th>钢琴曲名称:</th> <td><input type="text" name="info[gqq_name]" id="gqq_name" style="wi
-
js 获取、清空input type="file"的值(示例代码)
上传控件(<input type="file"/>)用于在客户端浏览并上传文件,用户选取的路径可以由value属性获取,但value属性是只读的,不能通过 javascript来赋值,这就使得不能通过value=""语句来清空它.很容易理解为什么只读,如果可以随意赋值的话,那么用户只要打开你的网页, 你就可以随心所欲的上传他电脑上的文件了. js 获取<intput type=file />的值 复制代码 代码如下: <html>
-
js 获取、清空input type="file"的值示例代码
上传控件基础知识说明: 上传控件(<input type="file"/>)用于在客户端浏览并上传文件,用户选取的路径可以由value属性获取,但value属性是只读的,不能通过javascript来赋值,这就使得不能通过value=""语句来清空它.很容易理解为什么只读,如果可以随意赋值的话,那么用户只要打开你的网页,你就可以随心所欲的上传他电脑上的文件了. js 获取<intput type=file />的值 复制代码 代码如下: &l
-
JavaScript实现清空(重置)文件类型INPUT元素值的方法
本文实例讲述了JavaScript实现清空(重置)文件类型INPUT元素值的方法.分享给大家供大家参考,具体如下: 因为安全限制,脚本是不能随意设置其value值的,所以并不能像其它表单输入域那样用属性来设置使其重置. 重置一个文件域的值,归纳起来主要有 3 种方法. 本文分析这三种方法的浏览器兼容性以及优缺点,并给出一个比较完美的综合方案的代码和Demo. 重置文件域的三种方法: 1. 设置value属性为空. 对于IE11以上和其它较新的非IE的现代浏览器Chrome/Firefox/Ope
-
js获取input标签的输入值实现代码
说明:部分标签和类是封装在框架内的,其效果和html标签差不多. jsp页面: 复制代码 代码如下: <% Date d = new Date(); SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd"); %><% UserInfo userInfo = (UserInfo) session.getAttribute(ToftConst.Toft_SessionKey_UserData); %> &l
-
JSP 重置按钮清空传入的表单数据实例
参考: jquery 表单 清空 $(':input','#myform') .not(':button, :submit, :reset, :hidden') .val('') .removeAttr('checked') .removeAttr('selected'); 这个js是可以实现清空表单中填写及传入的值的,但要注意: 1.jq实现,此<input />不能放在form表单内!: 2.直接写在onclick属性中即可
-
js动态修改input输入框的type属性(实现方法解析)
需要实现的效果:一个输入框,当输入框未获得焦点的时候,value 值为 "密码":当输入框失去焦点的时候,输入内容显示为"*****" <input name="password" type="text" id="showPwd" tabindex="2″ class="input" value="密码" /> 我们很直接会想到下面的js $(&
-
js 限制input只能输入数字、字母和汉字等等
复制代码 代码如下: <input type="text"onKeyUp="this.value=this.value.replace(/[^\.\d]/g,'');if(this.value.split('.').length>2){this.value=this.value.split('.')[0]+'.'+this.value.split('.')[1]}"> 1.文本框只能输入数字代码(小数点也不能输入) 复制代码 代码如下: <i
-
javascript实现的动态添加表单元素input,button等(appendChild)
写一个小系统时,需要动态添加表单元素,按自己的实现方法写了这篇教程! 我想各位在很多网站上都看到过类似的效果! 1.先用document.createElement方法创建一个input元素! 复制代码 代码如下: var newInput = document.createElement("input"); 2.设定相关属性,如name,type等 复制代码 代码如下: newInput.type=mytype; newInput.name="input1"
-
JavaScript实现重置表单(reset)的方法
本文实例讲述了JavaScript实现重置表单(reset)的方法.分享给大家供大家参考.具体如下: 下面的代码可以对表单内的输入数据进行重置 <!DOCTYPE html> <html> <head> <script> function formReset() { document.getElementById("frm1").reset(); } </script> </head> <body> &
随机推荐
- Microsoft Sql server2005的安装步骤图文详解及常见问题解决方案
- Angular2使用jQuery的方法教程
- Windows环境利用虚拟机Vmware安装Mac OS10.11(图文)
- 详解vue2.0 transition 多个元素嵌套使用过渡
- 易语言基础教程之创建模块
- php生成无限栏目树
- 零基础写python爬虫之抓取糗事百科代码分享
- C#生成随机数实例
- Oracle 和 mysql的9点区别
- MySQL计划任务(事件调度器) Event Scheduler介绍
- php基于curl实现随机ip地址抓取内容的方法
- 教你3分钟了解Android 简易时间轴的实现方法
- 复制 Windows cmd 窗口命令行的信息方法
- 编程爱好者学习心得补充
- 查看图片(前进后退)功能实现js代码
- JS中使用apply、bind实现为函数或者类传入动态个数的参数
- javascript关键字加亮加连接
- 服务器 C盘 安全加强批处理(去除一些特殊软件的权限)
- Android实现使用流媒体播放远程mp3文件的方法
- 基于Android SDK-在64位Linux中使用需要注意的问题