关于 JS及JQ 清空表单的坑

最新推荐文章于 2021-04-09 22:17:24 发布
最新推荐文章于 2021-04-09 22:17:24 发布
阅读量98 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/vsmart/p/8094271.html
本文探讨了使用jQuery与原生JavaScript重置表单(form)的方法及区别。作者在项目中遇到了jQuery的$('#form').reset()不起作用的问题，并通过研究找到了正确的实现方式。文中分享了两种解决方案：一是采用原生JS的document.getElementById('form').reset()，二是利用jQuery的$('#form')[0].reset()。

最近做一个项目 遇到一个坑：

　　就是JQ在重置form时 $('#form').reset(); 不好使。。。

　　但原生JS可以解决  document.getElementById('form').reset()....

　　很是不解，后来研究JQ 返回错误 发现 原生JQ没有这个方法，但可以间接有这个方法

　　就是 ：$('#form')[0].reset();

转载于:https://www.cnblogs.com/vsmart/p/8094271.html

使用jQuery重置(reset)表单的方法
11-30
总的来说，重置表单在jQuery中可以通过调用DOM元素的`.reset()`方法或者手动清空每个输入字段来实现。选择哪种方法取决于具体的需求和场景，但通常情况下，直接使用`$(‘#yigeform’)[0].reset();`是既简单又有效的...
jquery.form.js用法之清空form的方法
10-26
jquery.form.js是一个常用的jQuery插件，提供了一些便捷的方法来处理表单，其中包括清空表单的功能。这个功能在需要重新填写表单数据或清空表单验证状态时非常有用。本文将详细解析jquery.form.js中清空表单的方法。...
JQuery清空Form表单
qq_24192465的博客
01-05 1096
评教题目： 添加题目删除题目 -->
js jquery 清空form表单
qq_33745371的博客
04-09 1316
js jquery 清空form表单 //js document.getElementById("formId").reset(); //jquery $("#formId")[0].reset();
jquery清空form表单
yangzhao6628的博客
01-19 802
$('#FormID').form('clear');
jq真正清空表单数据(亲测 好用)
weixin_30682127的博客
07-09 383
工作中遇到复杂的表单，需要一次清空挺麻烦的，字段太多，不仅包含input，还有select，radio，checkbox 于是乎，想一次清空也挺麻烦的，所以整理代码如下，供大家参考学习（本人也是菜鸟一枚，正在努力学习中......） 直接上jq代码： $(":input"，"#myForm") .not(":button",":reset","hidden","submit") .v...
Jquery清空表单内容
叶落无痕的博客
07-26 6877
JQuery :not() 选择器 定义与用法： :not() 选择器选取除了指定元素以外的所有元素。 最常见的用法：与其他选择器一起使用，选取指定组合中除了指定元素以外的所有元素。 参考代码： <script> $(function(){ $("p:not(#p1)").css("color","red");//写法一 $("p").not("#p1").css("color","red");//写法二 })...
jquery js 重置表单 reset()具体实现代码
12-12
首先，让我们来探讨在JavaScript中如何重置表单。有两种主要的方法： 1. **通过ID访问表单并调用`reset()`方法**： ```javascript document.getElementById("form1").reset(); ``` 这里，`getElementById`函数...
jquery实现通过按钮弹出表单
01-19
在实际应用中，可能还需要考虑表单的关闭逻辑，例如点击外部区域关闭表单，以及在关闭时清空表单内容。 总之，jQuery提供了一种简单有效的方式来实现按钮触发弹出式表单的功能，这在Web应用中非常常见，特别是在...
JQuery 表单清空 真正的重置
热门推荐
z670707170的博客
12-14 4万+
reset:只是还原，并不是真正的重置。 如果有这样的元素：       那么  $("#myform")[0].reset(); or  $("#myform").resetForm(); or  $("#myform")[0].reset() ; or  $("#myform").get(0).reset();  就这是会还原成test，并没有真
清空form表单
兴趣是最好的老师
08-08 3622
提交表单后，清空表单$("#id").reset(); 是错误的，jQuery没有reset()方法，reset()是js中的方法 所以要将jQuery对象转成js对象才行 $("#id")[0].reset();
jS 清除form表单
jiandan1127的博客
12-20 6489
ps : JQ在重置form时 $('#form').reset()是没有这个方法的        解决方法   document.getElementById('id').reset()   $('#id')[0].reset()
jquery 表单 清空
huwenhu2007的专栏
09-22 925
做了个复杂查询的页面，字段太多了，填了一次，想清空挺麻烦的 Java代码   $('#myform')[0].reset();   虽然reset方法可以做到一部分，但是如果你有个元素是这样的 Java代码   "percent" value="50"/>   那么点击reset只会还原成50 于是乎，有
jquery表单清空
weixin_38938129的博客
09-12 2547
jquery表单清空 $("#addFromId")[0].reset();//jquery对象没有reset()方法，dom对象有。
使用jQuery重置表单的方法
山鬼谣的专栏
10-19 3万+
遇到了一个重置表单问题：就是如何使用jQuery方法重置form表单。 一开始我以为是:$('#formName').reset()执行后发现不行，网上给出的答案是使用 $('#formName')[0].reset();虽然可以，但是我瞬间不懂了，为什么是这样写。赶紧把前端架构师叫过来问了问了。大神随便打开了一个页面，然后随便复制了一个div中的id值。如图： 再重复一遍，是随便打开一个浏览器页面
前台reset清空form表单注意事项
是梦终空断执念的博客
04-27 1298
打开新增模块的时候需要清空前台模块数据 这是常识基本做法就是用 jq的reset()方法 //重置表单 $('form表单')[0].reset();平时自己写法是form表单 在需要隐藏的input中直接添加hidden后来修改同事留下的bug 他的写法是type="hidden"无法清除数据至于reset源码作为一个非前台我还是没看懂 elem.type 在定义什么！！！ 关于name 应该是...
jquery form表单数据重置、清空
似水流年兮流年似水的博客
04-19 5678
function fomrReset() { document.getElementById("myform").reset(); } function fomrReset2() { $(':input','#myform') .not(':button, :submit, :reset, :hidden') .val('') .removeAttr...
JavaScript清空、重置form表单
Elon Space
07-07 1万+
1、reset()  $('#formId')[0].reset(); 2、隐藏reset按钮方式实现 在form中加入一个隐藏的reset按钮 需要清空form表单时，出发reset按钮的click事件 $("input[type=reset]").trigger("click");
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值