前台reset清空form表单注意事项

最新推荐文章于 2024-03-17 15:29:29 发布
最新推荐文章于 2024-03-17 15:29:29 发布
阅读量1.1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34397126/article/details/80108860
版权
打开新增模块的时候需要清空前台模块数据 这是常识
基本做法就是用 jq的reset()方法
  //重置表单
 $('form表单')[0].reset();

平时自己写法是form表单 在需要隐藏的input中直接添加hidden

后来修改同事留下的bug 他的写法是type="hidden"

无法清除数据

至于reset源码


作为一个非前台我还是没看懂 elem.type 在定义什么！！！ 

关于name 应该是js获取当前元素 只要是input标签或者是button就ok

是梦终空断执念
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
对于Form表单reset方法的新认识
12-09
HTML中Form表单的reset方法被用来清空用户所输入的内容，以前一直误以为其是单纯的将input等输入项中的值清空。 但实际上不是这样的，reset方法的本质是将input等输入项中的内容还原为属性value中的值，而不是“”空值。 w3c上是这样说的： 在 HTML 表单中 <input type=”reset”> 标签每出现一次，一个 Reset 对象就会被创建。 当重置按钮被点击，包含它的表单中所有输入元素的值都重置为它们的默认值。默认值由 HTML value 属性或 JavaScript 的 defaultValue 属性指定。 在实际情况中，我们经常需要在编辑某个内容的时候实
git reset
zhanggf的博客
01-29 533
-mixed（默认）：(1)使用完reset --mixed后，我們可以直接执行 git add 将這些改变果的文件內容加入 index 暂存区中，再执行 git commit 将 Index暂存区 中的內容提交至Repository中，这样一样可以达到合并commit节点的效果（与上面--soft合并commit节点差不多，只是多了git add添加到暂存区的操作）；所以效果看起来就是工作目录的内容不变，暂存区原有的内容也不变，只是原节点和Reset节点之间的所有差异都会放到暂存区中。
vue中 使表单数据重置
weixin_58089129的博客
10-26 2817
应用场景：在添加完成之后，下次再打开时，表单中的数据应该要被清空 在关闭弹层时，showDialog的值会变成false，它会触发弹层（el-dialog组件）的close事件，所以，我们添加对监听即可。 解决方案： 代码如下： <!-- //弹层模块--> <el-dialog @close="resetForm" > <!-- 表单内容 --> <el-form ref="refForm" :mode.
form.reset() 的真正作用，并不是清空所有输入栏
03-11 8004
form.reset() 的真正作用，并不是清空所有输入栏 form 有个方法是 reset()，作用不是清空 &lt;form&gt; 标签中的所有输入栏，而是回到上一次载入页面时的状态。 看例子： &lt;form id="input-form"&gt; &lt;input type="text"&gt; &lt;input type="text"&gt;
form表单iframe、a锚点
Cedre_J的博客
07-22 307
form表单 form的标签属性： 1.action="/login" : 表示设置表单提交数据时，后台接收的url（接口）,服务器地址 2.method="get"： 提交表单数据的方式（请求后台接口的方法）；get,post. 下来详细区别GET,POST。 <from action="" method="get">获取数据地址栏可见 <from action="" method="post">提交数据隐藏 可提交大量数据 表单要上传文件，则必须是POST请求。en
vue3 antd项目实战——Form表单的重置【使用resetFields()重置form表单数据、清空输入框】
热门推荐
XSL_HR的博客
12-31 1万+
ant design vue组件库中的form表单有一个自带的重置函数——resetFields()。本期文章将借助resetFields函数，实现form表单的重置与清空。
【前端用法】form表单重置、清空方法记录
No8g攻城狮的博客
01-19 8026
首先：contact-form 是form的id属性值 方法一：调用reset（）方法 document.getElementById("contact-form")[0].reset(); 注意：网上说用document.getElementById("myform").reset();可以重置的，实际上并不能清空表单内容，因为用document.getElementById()或者do...
踩坑:resetfields 无法清空初始值问题
aguai888的博客
07-06 2472
今天使用el -dialog写了一个修改弹窗里，点击取消时 封装的resetForm函数却一直没有起作用，导致表单没有被清空。 示例代码如下： js部分 打印结果： 原因：是因为我在调用resetForm函数前，关闭了弹窗所导致！因为关闭弹窗后弹窗以及弹窗里面的表单已经从DOM树删除。 resetForm函数无法使用ref获取form的DOM，方法自然就无法调用了！ 解决方法：...
Formily 学习3
Qg520jungle的博客
08-05 1550
第一次尝试写联动 循环联动 联动关系 Total = Price * Count;Count = Total / Price;Price = Total / Count 总结一下吧 const { onFieldValueChange$ } = FormEffectHooks; 获取Field Value Change 的观察者 在 SchemaForm 的 effects 属性里 监听订阅onFieldValueChange$().subscribe(()=>{}) const { setFiel
Formily 学习1
Qg520jungle的博客
08-03 2346
复杂表单的解决方案 Formily 官网 Formily 提供3种模式开发 JSON SchemaForm | JSX SchemaForm | JSX 其中推荐使用 JSX SchemaForm 的模式开始学习，一是因为其可以满足绝大多数的应用场景（个别布局适配效果较差），二是便于向·JSON SchemaForm （更适用于后台传值替换）转换 看完设计理念和属性、生命周期等概念介绍后，对整个“轮子”的使用还是不能完全掌握（学习成本较高），为了更好的学习，以及体验更爽的表单设计，需要把整个实践教程码一
jQuery实现form表单reset按钮重置清空表单功能
12-12
有时候可能需要实现这样的效果：使用ajax提交表单，成功提交表单之后清空表单，如下代码： 代码如下: <form> <input name=”name1″ /> <input name=”name1″ /> <textarea name=”...
使用jQuery重置(reset)表单的方法
11-30
由于JQuery中，提交表单是像下面这样的： 代码如下:$(‘#yigeform’).submit()所以，想当然的认为，重置表单，当然就是像下面这样子喽： 代码如下:$(‘#yigeform’).reset()但是，不幸的是，这样写的话，会有一个让...
Python 清空控制台的几种方法
Qiuml0703的博客
07-18 6583
Python清空控制台的几种方法
Formily2.x表格切换编辑保存
weixin_43932597的博客
03-17 399
【代码】Formily2.x表格切换编辑保存。
面试题准备（二十六）：form 表单
番茄味姜糖的博客
03-04 830
清除form表单 普通html中 没有其他 ui框架
lacrimarrum的博客
05-19 831
转自https://www.cnblogs.com/ljblog/p/7735422.htmlform表单重置、清空方法记录myform 是form的id属性值1.调用reset（）方法 function fomrReset() { document.getElementById("myform").reset(); }2. 逐个清空input、select值function res...
form表单重置、清空方法记录
weixin_30508241的博客
10-26 7043
myform 是form的id属性值 1.调用reset（）方法 1 function fomrReset() 2 { 3 document.getElementById("myform").reset(); 4 } 2. 逐个清空input、select值 1 function resetAll() { 2 $("#myform").find('...
jedis示例代码压缩包
最新发布
04-23
jedis示例代码
清空form 表单的方法
06-01
清空 `form` 表单有以下几种方法： 1. 使用 `form` 的 `reset()` 方法，这个方法会将表单所有控件的值重置为初始值，但不会清除掉提交的数据，同时还会触发 `reset` 事件。 ```javascript document....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值