【jQuery】- form 表单 reset()方法不生效解决

最新推荐文章于 2024-07-30 10:27:19 发布
最新推荐文章于 2024-07-30 10:27:19 发布
阅读量2k 收藏
点赞数 1
文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_55960697/article/details/124330160
版权

jQuery 对form表单对象直接使用reset()方法是无法生效得，而且可能报错没有reset()这个方法。
 

document.querySelector('#addModal .add-form').reset()    // 可能会报错

解决办法：

前提是先引入 jQuery.js 文件

$('#addModal form')[0].reset()    // id为#addModal的元素，的子元素form

头发茂盛男孩
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用jQuery重置(reset)表单的方法
11-30
由于JQuery中，提交表单是像下面这样的： 代码如下:$(‘#yigeform’).submit()所以，想当然的认为，重置表单，当然就是像下面这样子喽： 代码如下:$(‘#yigeform’).reset()但是，不幸的是，这样写的话，会有一个让你很郁闷的结果，那就是，表单无法重置！ 后来，上网查了一下，说是，JQuery中没有reset方法，经核对，果然是没有。 那有么没有办法通过JQuery来重置表单呢，答案是有的，不过是一种间接的方法，如下： 代码如下:$(‘#yigeform’)[0].reset()也就是通过调用 DOM 中的reset方法来重置表单。
form reset无效问题
风之贝拉的博客
12-21 4887
form reset无效问题form表单提交结束后，一般都使用 form.getForm().reset() 方式来清空表单，我个人遇到的情形如下： 修改数据数据使用loadRecord方法，并结合Ext.window()组件使用。 例如： form.getForm().loadRecord(record); window.show(); form表单中使用扩展xtype
表单重置失效，没作用
sunshine唯一的博客
08-01 1906
表单重置失效，没作用
jQuery实现form表单reset按钮重置清空表单功能
12-12
有时候可能需要实现这样的效果：使用ajax提交表单，成功提交表单之后清空表单，如下代码： 代码如下: <form> <input name=”name1″ /> <input name=”name1″ /> <textarea name=”content”></textarea> 提交 </form> 当点击 提交 之后，通过ajax将内容提交。 以前我是通过以下代码来清空表单 代码如下: $(“input”).val(”); $(“textarea”).val(
jquery重置form表单
二苟
05-30 3981
此篇文章用来防止自己屡次踩坑屡次忘的时候再掉头发。。。 由于JQuery中，提交表单是这样的： $('#form1').submit(); 所以每次想重置的时候就觉得是介样： $('#form1').reset(); 然后就会发现，不行！提示：$(...).reset is not a function emmm，当然，其实可以用这样的方法： document.getElementById("form1").reset(); 但是！这跟页面整体风格看起来不搭呀，我岂会甘心，于是乎，我
el-form表单重置resetForm()不生效问题
qfCSDN的博客
09-27 7579
字段不清空 或者完全没效果 检查： el-form 是否绑定model,带有ref,并且绑定的是同一数组。 <el-form :rules="rules" ref="form" :model="form"> el-form-item绑定prop <el-form-item label="商品状态" prop="enabled"> <el-radio-group v-model="form.enabled"> <el
jquery 重置表单输入数据
huoshi
01-25 3451
有时候可能需要实现这样的效果：使用ajax提交表单，成功提交表单之后清空表单，如下代码：          提交    当点击 提交 之后，通过ajax将内容提交。  以前我是通过以下代码来清空表单  $("input").val('');  $("textarea").val('');  前些日子无意想到另外一个方法（如果知道下面的方法的
form表单提交，jquery-form.js
06-08
`jQuery-form.js`是一个流行的JavaScript插件，它扩展了`jQuery`库的功能，使得表单的提交、上传和处理变得更加简单和灵活。 ### jQuery-form.js 插件简介 `jQuery-form.js`插件由Malsup创建，它的主要目标是提供...
jquery-mobile表单的创建方法详解
11-27
本文实例讲述了jquery-mobile表单的创建方法。分享给大家供大家参考，具体如下： 一、注意事项 1. <form> 元素必须设置 method 和 action 属性 2. 每个表单元素必须设置唯一的 “id” 属性。 该 id 在站点的...
jQuery EasyUI API 中文文档 - Form表单
10-28
jQuery EasyUI API 中文文档 - Form表单,使用jQuery EasyUI的朋友可以参考下。
通过按钮重置表单时select的处理
chenbhhh的博客
03-08 2784
    html：                            &lt;select  id="VipSource" name="VipSource"  data-placeholder="会员来源" &gt;  &lt;option value=""&gt;--全部--&lt;/option&gt; &lt;option value="1&
form表单重置方法 reset() jQuery 中form表单序列化方法 serialize()
kjs--的博客
03-08 856
form表单重置 myform 是form的id属性值 1.调用reset（）方法 function fomrReset() { document.getElementById("myform").reset(); }
记录一下自己vue 重置表单不生效原因
weixin_54351827的博客
03-22 1256
element 的 Form 组件提供了表单验证的功能，需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 prop 属性设置为需校验的字段名。 有两点需要注意: 1.要有对应的 ref，且名字一致，表明重置哪个表单。 2.prop 设置的字段名要和 v-model 绑定的字段名一致，否则重置表单或进行自定义校验规则时不会生效。 仅使用重置功能时具体校验规则不必填，但要重置的字段一定要有对应的 prop。 每次打开表单的时候不要忘记初始化没有显示在页面上的一些数据，
Vue：Element-ui的resetForm()无法重置表单的问题解决
weixin_46178457的博客
02-07 780
。
JQuery重置form
sinat_34620530的博客
07-15 287
form重置方式 $("#searchForm").resetForm(); 外部class重置方式 $(".ul-form input:not(.btn)").val(""); $("select[name='selectname']").select2().val("").trigger("change");
解决form表单reset()报错，$(...)[0].reset is not a function...
喝水高手
10-12 3429
问题： 项目中jquery对象转换原生JavaScriptDOM对象方式重置表单 // 重置表单 $('.layui-form')[0].reset() 报错=>user_pwd.js:30 Uncaught TypeError: $(...)[0].reset is not a function 原因： 问题出在了重置按钮上（表单中有重置按钮id正好设置了reset） <button type="reset" class="layui-btn layui-btn
JQuery中如何重置初始化表单（reset）
qq_27088383的博客
09-26 5660
示例代码 1 2 3 form id="form1" action="" method="post" runat="server">  input name="inp" id="inp" value="1" />  form> 方法一： 1 document
【分享】前端程序员-技术网站推荐
最新发布
一位前行者的博客
07-30 835
对于前端开发人员来说，以下是一些推荐的技术网站，这些网站提供了丰富的资源和知识，可以帮助你提升前端开发技能：收集一些 、、 的网站 vite 官方中文文档 element-plus 官方中文文档 pinia 官方中文文档 vue-router 官方中文文档 Tailwind CSS 官方文档 vitest 官方中文文档 es6 中文文档 axios 官方中文文档 vxetable 官方中文文档 lodash 中文文档 echarts 官方中文文档 animat
jQuery获取form表单数据的方法
04-26
可以使用 jQuery 的 serialize() 方法或者 serializeArray() 方法来获取 form 表单中的数据。例如，可以通过以下代码获取一个 id 为 "myForm" 的表单中所有选中的复选框的值： ``` var formData = $('#myForm input...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值