表单验证:输入的字符串以回车分隔并验证是否有

news/2024/11/16 20:32:02/

公司项目开发时,有一个需求,需要对输入的字符串按回车分隔并验证是否有重复项,效果如下:

 表单代码:

  <el-form-item label="IP地址条目:" prop="ipAddressEntry"><el-inputtype="textarea"v-model="formData.ipAddressEntry":rows="5"></el-input></el-form-item>

表单验证代码:

 data() {let isRepeat = (rule, value, callback) => {if (this.formData.ipAddressEntry != ''){const arr = this.formData.ipAddressEntry.split('\n');const set = new Set(arr);if (arr.length === set.size) {callback()} else {callback('输入IP地址重复')}}}return{rules: {ipAddressEntry: [{required: true,message: '请填写',trigger: 'blur',},{ trigger: 'blur', validator: isRepeat },],}}
}


http://www.ppmy.cn/news/977692.html

相关文章

【代码片】Pdf转Image

pdf转图片工具类 import org.apache.pdfbox.pdmodel.PDDocument; import org.apache.pdfbox.rendering.PDFRenderer; import javax.imageio.ImageIO; import java.awt.image.BufferedImage; import java.io.*;public class Pdf2Png {private final static String type "…

Cesium态势标绘专题-自由多边形(标绘)

标绘专题介绍:态势标绘专题介绍_总要学点什么的博客-CSDN博客 入口文件:Cesium态势标绘专题-入口_总要学点什么的博客-CSDN博客 辅助文件:Cesium态势标绘专题-辅助文件_总要学点什么的博客-CSDN博客 本专题没有废话,只有代码,代码中涉及到的引入文件方法,从上面三个链…

springMVC--中文乱码处理(新思路--化繁为简)

文章目录 springMVC--中文乱码处理(新思路--化繁为简)编码过滤器自定义中文乱码过滤器举例应用实例1. 创建过滤器springmvc\src\com\web\filter\MyCharacterFilter.java实现思路 2. 配置web.xml完成测试 Spring MVC--过滤器处理中文修改web.xml完成测试 springMVC–中文乱码处理…

利用I/O操作复制文件和目录以及删除文件和目录

一&#xff0c;复制文件和目录 示例代码&#xff1a; public static void main(String[] args) {//需要复制的文件地址File fi new File("C:\\Users\\21309\\Pictures\\Screenshots");//需要复制到的路径地址File du new File("C:\\Users\\21309\\Pictures\…

ubuntu 20.04 rtc时间显示问题探究

1、硬件与软件 本次测试的硬件为RK3568芯片&#xff0c;操作系统为ubuntu 20.04。 2、RTC与系统时间 先说结果&#xff0c;如果RTC驱动不可用或者RTC内部存储的时间非法&#xff0c; 那么操作系统会存储上一次有效的时间&#xff0c;当再次上电时&#xff0c;date命令会使用存储…

通过API进行snmp配置

SNMP 是专门用于在 IP 网络管理网络节点&#xff08;服务器、工作站、路由器、交换机及HUBS等&#xff09;的一种标准协议&#xff0c;它是一种应用层协议。 SNMP 使网络管理员能够管理网络效能&#xff0c;发现并解决网络问题以及规划网络增长。通过 SNMP 接收随机消息&#x…

会员系统怎么搭建,适合门店的会员系统有哪些?

会员系统是一种为企业和门店提供会员管理和服务的工具。会员系统可以通过提供专属优惠、积分奖励、个性化推荐等方式&#xff0c;激励顾客成为会员并保持长期关系。 我们在自己搭建或选择会员系统时&#xff0c;需要考虑门店的特定需求以及系统的功能、可靠性、易用性和成本等因…

机器人导航(3):导航相关消息

文章目录 地图nav_msgs/MapMetaDatanav_msgs/OccupancyGrid 里程计坐标变换定位目标点与路径规划激光雷达相机深度图像转激光数据depthimage_to_laserscan简介depthimage_to_laserscan节点说明depthimage_to_laserscan使用 地图 地图相关的消息主要有两个: nav_msgs/MapMetaD…