@blur检验数组重复并对重复项加后缀

最新推荐文章于 2023-11-17 11:49:51 发布
最新推荐文章于 2023-11-17 11:49:51 发布
阅读量254 收藏
点赞数
分类专栏： elementui js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44328764/article/details/116711917
版权
本文介绍了如何在input失去焦点(@blur)时，通过JavaScript校验表格中输入的数组值是否重复。当检测到重复值时，会自动为重复项添加'01', '02', '03'等后缀，以确保数组内的唯一性。" 46925161,1202846,Unity中Shader的使用与自定义教程,"['Unity3D', '图形渲染', '游戏开发', '3D建模', '编程']
摘要由CSDN通过智能技术生成

@blur校验数组重复

使用场景
table嵌套input
input失去焦点时判断输入的所有值是否有重复项，并对重复项增加01，02，03的后缀
实现效果
在这里插入图片描述

JS部分

        data(){
        	return {
        		repeatTime:new Map([]) //记录每一项的重复次数
        	}
        }
        repeatZhName() {
            // 重复字段的中文名后加_01
            for (let i = 0; i < this.fieldInfoList.length - 1; i++) {
                for (let j = i + 1; j < this.fieldInfoList.length; j++) {
                    if (this.fieldInfoList[i].cnName != '' && this.fieldInfoList[j].cnName != '') {
                        if (this.fieldInfoList[i].cnName === this.fieldInfoList[j].cnName) {
                            // return this.$message.warning('字段中文名存在重复')
                            if (this.repeatTime.get(th
最低0.47元/天 解锁文章
喝咖啡还是泡茶
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
blur表单验证方式
weixin_44496333的博客
09-12 1230
表单验证方式 * 思路: * 1 给每个input添加失去焦点事件,输入完毕后进行校验 * 校验给错误提示 * 2. 表单提交数据的时候 进行判断 * 是否有错误信息提示 如果有,不能提交数据 <body> <script> $(function () { // 校验 用户名 $("#uname").
查找重复值并对结果自动添加叠加后缀
流年~~
08-07 1932
查找重复值并对结果自动添加叠加后缀 检查A列的值是否有相同： ——若只有唯一值，则返回A列对应值 ——若有重复值，则第一个返回A列对应值，第二个开始自动添加一个后缀a，第三个为aa……以此进行后缀叠加     =A2&amp;REPT("a",COUNTIF($A$2:$A2,A2)-1) ...
blur失去焦点比如输入框里。校验文本框是否为空change数据改变比如下图这些。需要手动选择的东西，用change
qq_50276105的博客
09-25 281
需要手动选择的东西，用change。change数据改变。
JS列表重名加后缀【聪明人都知道的】
weixin_44695611的博客
01-07 537
如图： function unitListName(list,n) { function check(name) { //let n = name; let n = name.match(/[^\.]*/)[0]; return function (a) { return a.indexOf(n) == 0; } } list = list.filter
调用一些表单验证函数主要用到blur()
sixteen_cicle的博客
12-07 1468
keyup，focusin，change等事件 //表单输入及时验证          /* console.log($('input[name="partnername"]').val()); */                  $('#partnername').blur(function(){             checkChinese($('#partnerna
解决layer.confirm快速点击会重复触发事件的问题
10-16
在JavaScript编程中，有时我们可能会遇到用户界面中的某些交互元素，如`layer.confirm`弹窗，在用户快速点击时，导致事件被重复触发的问题。这在实际应用中可能会引发一系列问题，比如频繁向后端发送请求，进而导致...
jquery live()重复绑定的解决方法介绍
10-26
4. 检查并移除重复绑定的代码，确保不会有多个地方绑定相同的选择器到相同的事件。 需要注意的是，live()方法在jQuery 1.9之后的版本中已被废弃，不推荐在新项目中使用。在处理动态元素的事件绑定时，推荐使用on()...
浅析jquery某一元素重复绑定的问题
10-26
在探讨jQuery中元素重复绑定的问题之前，我们需要了解事件绑定在jQuery中的基本原理。在jQuery中，事件可以通过bind()方法绑定到指定的元素上。比如，当我们使用$('.test').bind('click', function() {...})时，意指...
Vue中mintui的field实现blur和focus事件的方法
12-29
卡号 v-model=card.cardNo blur.native.capture=checkCard> methods: { checkCard() { console.log('1111'); } } 使用@blur.native.capture=””即可实现。 另一种方法： 使用vue-directive指令实现。这种方法...
Vue项目根治IOS微信web中，输入项blur之后页面不回落的问题
01-03
向大佬们偷师那么多技能后，终于我也能...Vue.directive('wx-blur-bug',{ bind:function(el){ //在绑定的时候，添加一次监听就够了 let agent=window.navigator.userAgent.toLowerCase() if(agent.match(/\(i[^;]+;
input的keydown/up/press与blur事件重复触发的解决方法
xing_kai_kai的博客
10-31 1186
当触发同一个函数时，可以让键盘事件不触发函数，让键盘事件去使input失去焦点，从而触发失去焦点事件，如 <input onBlur={(e) => edit(index, e)} onKeyPress={(e) => { e.target.blur() }} /> ...
防止键盘事件与blur的重复调用
weixin_45435854的博客
12-01 235
防止键盘事件与blur的重复调用 ​ $(‘input’).bind(‘keypress’, function (event) { ​ if (event.keyCode == “13”) { ​ //键盘事件调取blur ​ event.target.blur(); ​ } ​ });
Blur
Baozouguai的专栏
02-20 363
图像的平滑处理，也叫模糊是图像处理经常用到的方法。 平滑处理时需要用到一个 滤波器 。 最常用的滤波器是 线性 滤波器，线性滤波处理的输出像素值 g(i,j)是输入像素 f(i+k,j+l)的加权和 : g(i,j) = \sum_{k,l} f(i+k, j+l) h(k,l) h(k,l) 称为 核, 它仅仅是一个加权系数。 不妨把 滤波器 想象成一个包含加权系数的窗口，当使用这个滤波器平...
vue @blur 和 .trim()
weixin_49261425的博客
04-13 3269
一、@blur失焦 要满足输入框在输入完成、移到其他地方时进行验证时，需要用到该事件，用此事件进行绑定验证方法即可。 如果使用mintui中的mt-field标签时，对应的blur（失焦）事件要执行时，要用@blur.native.capture=""来代替@blur <template> <div> <!-- @blur 当元素失去焦点时触发blur事件 --> <div> <input typ.
Vue中的@blur和@focus事件
路虽远，行则必至！
10-27 7644
blur 是当元素失去焦点时所触发的事件，@focus是元素获取焦点时所触发的事件。
Vue中的@blur事件
热门推荐
郭宝的博客
07-01 8万+
@blur 是什么？ @blur 是当元素失去焦点时所触发的事件 @blur 怎么使用？ <template> <div> ============================61、@blur 事件的使用========================= <!-- @blur 当元素失去焦点...
@blur @focus @input @click @change @close事件的区别
m0_64707449的博客
09-28 1237
@blur @focus @input @click @change @close事件区别
js @blur失去焦点事件
weixin_45915769的博客
11-17 861
循环scoreForm中设置的prop，显示对应scroeFormProp输入框，@blur=“watchInputBlur”（v-on:简写成@）监听失去焦点事件。
【Vue中的@blur@input事件解读】
qq_44712196的博客
09-22 2667
当输入框失去焦点时，触发blur事件，并调用Vue实例中的validateSingle方法对indexInfo.score进行验证，然后再调用getRightVal方法对其进行处理，确保它的值符合要求。：当输入框的值发生变化时，触发input事件，并调用Vue实例中的getRightVal方法来对indexInfo.score进行处理，确保它的值符合要求。示例代码中，当用户完成输入总分并且焦点移开时，对输入进行验证会触发@blur事件，会出现消息提示框——”请输入指标名“
vue3 @blur
最新发布
06-13
在 Vue 3 中，`@blur` 是一个自定义事件，通常用于处理元素失焦（失去焦点）的场景。当你在 Vue 组件中添加 `@blur` 修饰符到一个输入字段、按钮或其他可触发失焦事件的元素上，当该元素的聚焦状态改变，失去焦点时...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值