jQuery reset()重置表单

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

首先声明一下，jQuery中是没有reset()方法的，不过是一种间接的方法

 $('#myform')[0].reset();
也就是通过调用 DOM 中的reset方法来重置表单。

一、重置表单的方法

1：通过from的id实现

document.getElementById("formId").reset();

2：通过Name实现（没用过）

document.formName.reset();
3：直接给input传空值 

$("input").val("");

二、重置表单实例

<html>
<head>
<script type="text/javascript">
function formReset()
{
document.getElementById("myForm").reset()
}
</script>
</head>

<body>
<p>在下面的文本框中输入一些文本，然后点击重置按钮就可以重置表单。</p>

<form id="myForm">
姓名：<input type="text" size="20"><br />
年龄：<input type="text" size="20"><br />
<br />
<input type="button" οnclick="formReset()" value="重置">
</form>
</body>

</html>

参考文章：JQuery中重置（reset）表单总结




天才小小布
关注
  • 0
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery实现form表单reset按钮重置清空表单功能
12-12
有时候可能需要实现这样的效果：使用ajax提交表单，成功提交表单之后清空表单，如下代码： 代码如下: <form> <input name=”name1″ /> <input name=”name1″ /> <textarea name=”content”></textarea> 提交 </form> 当点击 提交 之后，通过ajax将内容提交。 以前我是通过以下代码来清空表单 代码如下: $(“input”).val(”); $(“textarea”).val(
使用jQuery重置表单的方法
热门推荐
山鬼谣的专栏
10-19 3万+
遇到了一个重置表单问题：就是如何使用jQuery方法重置form表单。 一开始我以为是:$('#formName').reset()执行后发现不行，网上给出的答案是使用 $('#formName')[0].reset();虽然可以，但是我瞬间不懂了，为什么是这样写。赶紧把前端架构师叫过来问了问了。大神随便打开了一个页面，然后随便复制了一个div中的id值。如图： 再重复一遍，是随便打开一个浏览器页面
jquery重置form表单
二苟
05-30 3903
此篇文章用来防止自己屡次踩坑屡次忘的时候再掉头发。。。 由于JQuery中，提交表单是这样的： $('#form1').submit(); 所以每次想重置的时候就觉得是介样： $('#form1').reset(); 然后就会发现，不行！提示：$(...).reset is not a function emmm，当然，其实可以用这样的方法： document.getElementById("form1").reset(); 但是！这跟页面整体风格看起来不搭呀，我岂会甘心，于是乎，我
jq 表单 操作
zhan_lijian的博客
04-07 674
1. 表单序列化 表单一般字段都比较多怎么处理呢 按照jq写法 一个元素元素的取 真蛋疼 $("#myForm").serializeArray() 如图 一目了然 舒服吧 但这些整理都需要通过 表单控件设置 name 属性 2.表单赋值 也是蛋疼吧 元素书写难受吧 function loadData(obj) { var ...
清空表单的几种方式
weixin_60538045的博客
09-08 1256
如果直接用js提交后直接重置，有时候会报错，因为正在往后台传值的过程中，你就清空，会获取不到这个值。针对这种情况，你直接使用location.href="a.asp"就会自动清空所有的数据，因为location.href就是重定向刷新当前页面，数据什么的都会被清空的。2、如果action是跳转到当前页面处理，并使用js脚本返回前一页【history.go(-1)】，才会出现数据没有清空现象。1、如果是form表单上action直接提交到其他页面处理完了在跳回原来的页面的话，表单的文本框都会清空的。
jquery reset的正确用法
qq_37150783的博客
03-18 4006
转载自：http://blog.csdn.net/a437629292/article/details/38561343[html] view plain copy&lt;form id="test"&gt;  &lt;input type="text" /&gt;  &lt;/form&gt;  重置表单的方法：错误写法：[html] view plain copy$('#test').rese...
使用jQuery重置(reset)表单的方法
qq_27009517的博客
04-28 1548
由于JQuery中，提交表单是像下面这样的： 代码如下: $('#yigeform').submit() 所以，想当然的认为，重置表单，当然就是像下面这样子喽： 代码如下: $('#yigeform').reset() 但是，不幸的是，这样写的话，会有一个让你很郁闷的结果，那就是，表单无法重置！ 后来，上网查了一下，说是，JQuery中没有reset方法，经核对，果然是没有。 那有么没有办法通过JQuery来重置表单呢，答案是有的，不过是一种间接的方法，如下： ★★★代码如下: $('#yigef
jQuery 重置/reset()表单
sayyy的专栏
01-31 1753
前言 jQuery v3.5.1 jQuery 重置/reset()表单 jQuery中是没有reset()方法的，不过是一种间接的方法 $('#myform')[0].reset(); 也就是通过调用 DOM 中的reset方法来重置表单。 示例： <html> <header> <script crossorigin="anonymous" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQ
jquery重置表单
weixin_42497560的博客
07-29 869
表单一般都有重置功能，在重置表单时需要将各个输入框中的值清空，如果输入框比较多，一个一个清空会比较麻烦，使用jquery的方法直接将表单中的所有输入框全部清空，首先给出一个form表单： <form id="form"> <input type="text" value="123" /><br /> <input type="radio" name="radio" value="1" checked="checked"/> &.
jquery js 重置表单 reset()具体实现代码
12-12
在开发中，我们会用到很多表单，我们希望表单提交以后，能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(); 方法二： 逐一清空： 代码如下: $(
基于pytorch+ResNet50的眼部疾病图片分类源码+文档说明.zip
04-24
详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；
基于yolov5的鸟窝目标检测源码+模型.zip
04-24
YOLO高分设计资源源码，详情请查看资源内容中使用说明 YOLO高分设计资源源码，详情请查看资源内容中使用说明 YOLO高分设计资源源码，详情请查看资源内容中使用说明 YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明
中南财经政法大学-答辩PPT模板我给母校送模板作品.pptx
04-24
PPT模板，答辩PPT模板，毕业答辩，学术汇报，母校模板，我给母校送模板作品，周会汇报，开题答辩，教育主题模板下载。PPT素材下载。
node-v8.7.0-sunos-x64.tar.gz
最新发布
04-24
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
2024-2030全球与中国混合光纤同轴网络市场现状及未来发展趋势.docx
04-24
2024-2030全球与中国混合光纤同轴网络市场现状及未来发展趋势
中南民族大学-答辩通用PPT模板我给母校送模板作品.pptx
04-24
PPT模板，答辩PPT模板，毕业答辩，学术汇报，母校模板，我给母校送模板作品，周会汇报，开题答辩，教育主题模板下载。PPT素材下载。
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、付费专栏及课程。

余额充值