使用jQuery重置(reset)表单

最新推荐文章于 2023-09-08 14:44:27 发布
最新推荐文章于 2023-09-08 14:44:27 发布
阅读量415 收藏
点赞数
分类专栏： 前端 文章标签： jquery reset()
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_38044453/article/details/81266325
版权

起初以为可以像

$('#ID').submit()

一样，重置为

$('#yigeform').reset()

且idea也提示有，但实际上会发现是错的，没有起作用。证明没有这个方法。

但dom有

$('#ID')[0].reset()
// 或者
document.getElementById("formId").reset();

 

逗比小猫
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用jQuery重置(reset)表单的方法
11-30
由于JQuery中，提交表单是像下面这样的： 代码如下:$(‘#yigeform’).submit()所以，想当然的认为，重置表单，当然就是像下面这样子喽： 代码如下:$(‘#yigeform’).reset()但是，不幸的是，这样写的话，会有一个让你很郁闷的结果，那就是，表单无法重置！ 后来，上网查了一下，说是，JQuery中没有reset方法，经核对，果然是没有。 那有么没有办法通过JQuery来重置表单呢，答案是有的，不过是一种间接的方法，如下： 代码如下:$(‘#yigeform’)[0].reset()也就是通过调用 DOM 中的reset方法来重置表单。
jquery重置form表单
二苟
05-30 3973
此篇文章用来防止自己屡次踩坑屡次忘的时候再掉头发。。。 由于JQuery中，提交表单是这样的： $('#form1').submit(); 所以每次想重置的时候就觉得是介样： $('#form1').reset(); 然后就会发现，不行！提示：$(...).reset is not a function emmm，当然，其实可以用这样的方法： document.getElementById("form1").reset(); 但是！这跟页面整体风格看起来不搭呀，我岂会甘心，于是乎，我
jquery重置表单
weixin_42497560的博客
07-29 878
表单一般都有重置功能，在重置表单时需要将各个输入框中的值清空，如果输入框比较多，一个一个清空会比较麻烦，使用jquery的方法直接将表单中的所有输入框全部清空，首先给出一个form表单： <form id="form"> <input type="text" value="123" /><br /> <input type="radio" name="radio" value="1" checked="checked"/> &.
jquery js 重置表单 reset()具体实现代码
10-27
然而，在jQuery库中，并没有直接提供一个`reset()`方法来重置表单。因此，我们需要借助于JavaScript原生的`reset()`方法或者采用其他策略来达到相同的效果。 ### 重置表单的原生JavaScript方法 #### 使用`reset()`...
jQuery实现form表单reset按钮重置清空表单功能
12-12
有时候可能需要实现这样的效果：使用ajax提交表单，成功提交表单之后清空表单，如下代码： 代码如下: <form> <input name=”name1″ /> <input name=”name1″ /> <textarea name=”...
【jQuery】- form 表单 reset()方法不生效解决
m0_55960697的博客
04-21 2069
Jquery 对form表单对象直接使用reset()方法是无法生效得，而且可能报错没有reset()这个方法。 解决办法： $('#addModal form')[0].reset() // id为#addModal的元素，的子元素form
LayUI，关于富文本框的工具条失效问题
weixin_44854779的博客
10-16 1250
LayUI，关于富文本框的工具条失效问题 摘要： 使用LayUI富文本框的工具条时JS报错：Uncaught TypeError: Cannot read property ‘getRangeAt’ of null 正文： 今天做项目的时候遇见一件非常有趣（dan teng）的事情！！！ 以前使用LayUI富文本框的时候感觉这款配置什么的都很简单而且用起来也没出现过什么问题。 但，就在今天出现了一个困扰我很久的问题，那就是富文本框上的工具条全都失效了？！F12一下发现JS报了Uncaught Typ
踩过的layui的那些坑。
zhaowenchao666的博客
09-18 1521
小编是不是一个专职前端开发的， 只不过现在程序员的日子越来越难了，不得已要多学一些前端框架来武装自己。 layui我是第一次使用，先来的公司里面前端用的只有layui，所以要学习了。 下面就给大家分享一下吧。 1.layuitree树形列表 引入第三方工具类 代码如下： var tableIns; layui.config({ base: '/resources/layui/extend/' }).extend({ treeGrid: 'treeGrid', dtre
jQuery一次性重置表单内容----reset（）
qq_51387458的博客
04-15 352
jQuery一次性重置表单内容----reset（）
清空表单的几种方式
最新发布
weixin_60538045的博客
09-08 1727
如果直接用js提交后直接重置，有时候会报错，因为正在往后台传值的过程中，你就清空，会获取不到这个值。针对这种情况，你直接使用location.href="a.asp"就会自动清空所有的数据，因为location.href就是重定向刷新当前页面，数据什么的都会被清空的。2、如果action是跳转到当前页面处理，并使用js脚本返回前一页【history.go(-1)】，才会出现数据没有清空现象。1、如果是form表单上action直接提交到其他页面处理完了在跳回原来的页面的话，表单的文本框都会清空的。
Thymeleaf系列【4】设置属性值
记录知识、锤炼自我
07-20 4212
设置属性值 我们可以在标签中设置（或修改）属性及值。 设置任意属性的值 使用th:attr只需要一个表达式来为html标签属性赋值。 以下案例中，使用th:attr替换form表单action属性的值，点击按钮，会条跳转到index页面，其按钮的value值也变为了从Model中获取。 <h1>设置属性值</h1> <form action="subscribe.html" th:attr="action=@{/index}"> <fieldset>
thymeleaf中查询条件隐藏展示
chenqinghu98的博客
08-17 667
查询条件隐藏显示
使用jQuery重置表单的方法
热门推荐
山鬼谣的专栏
10-19 3万+
遇到了一个重置表单问题：就是如何使用jQuery方法重置form表单。 一开始我以为是:$('#formName').reset()执行后发现不行，网上给出的答案是使用 $('#formName')[0].reset();虽然可以，但是我瞬间不懂了，为什么是这样写。赶紧把前端架构师叫过来问了问了。大神随便打开了一个页面，然后随便复制了一个div中的id值。如图： 再重复一遍，是随便打开一个浏览器页面
JQuery中如何重置(reset)表单
rainbow702的博客
07-09 497
由于JQuery中，提交表单是像下面这样的： $('#myform').submit()   所以，想当然的认为，重置表单，当然就是像下面这样子喽： $('#myform').reset()   但是，不幸的是，这样写的话，会有一个让你很郁闷的结果，那就是，表单无法重置！ 后来，上网查了一下，说是，JQuery中没有reset方法，经核对，果然是没有。 那有么没有办法通过JQ...
【笔记】表单重置:解决$("#myform").reset();函数未定义问题
朱赤墨黑
09-14 2399
重置表单
jquery实现重置密码
05-15
以下是一个使用jQuery实现重置密码的示例： HTML代码： ``` <form id="reset-password-form"> <div> <label for="current-password">当前密码：</label> <input type="password" id="current-password" name="current-password"> </div> <div> <label for="new-password">新密码：</label> <input type="password" id="new-password" name="new-password"> </div> <div> <label for="confirm-password">确认密码：</label> <input type="password" id="confirm-password" name="confirm-password"> </div> <button type="submit">重置密码</button> </form> ``` jQuery代码： ``` $(document).ready(function() { // 监听表单提交事件 $('#reset-password-form').submit(function(event) { // 阻止表单的默认提交行为 event.preventDefault(); // 获取表单数据 var currentPassword = $('#current-password').val(); var newPassword = $('#new-password').val(); var confirmPassword = $('#confirm-password').val(); // 验证表单数据 if (newPassword !== confirmPassword) { alert('新密码和确认密码不一致！'); return; } // 发送重置密码请求 $.ajax({ url: '/reset-password', // 重置密码的API接口地址 method: 'POST', data: { current_password: currentPassword, new_password: newPassword }, success: function(response) { alert('密码重置成功！'); }, error: function(xhr, status, error) { alert('密码重置失败：' + error); } }); }); }); ``` 这段代码监听了表单的提交事件，获取表单中的数据并验证新密码和确认密码是否一致，然后使用jQuery的ajax方法发送重置密码的请求，并在成功或失败时显示相应的提示信息。你需要将代码中的URL和数据参数替换为你自己的API接口地址和数据。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值