首页 > 其他分享 >el-input只能输入某某格式

el-input只能输入某某格式

时间:2024-09-25 14:33:54浏览次数:7  
标签:el 某某 rowForm value replace carriage 只能 input 输入

1.只能输入数字

 <el-input
       v-model="rowForm.carriage"
       @input="value => rowForm.carriage= Number(value.replace(/[^\d]/g,''))"
  />

2. 输入数字和小数点

 @input="rowForm.carriage= rowForm.carriage.replace(/[^\d|\.]/g, '')"

3.只能输入数字和保留2位小数点

 oninput="value= value.match(/\d+(\.\d{0,2})?/) ? value.match(/\d+(\.\d{0,2})?/)[0] : ''" 

4.只能输入数字和英文

onkeyup="value=value.replace(/^[a-zA-Z0-9]+$/, '')"

// 只能输入数字和英文
export function setNumberValue2(value) {
 const regex = /^[a-zA-Z0-9]+$/;
 if (regex.test(value)) {
   return value;
 } else {
   // 输入特殊符号,返回原始值中的字母和数字部分 如输入123s@,保留123s
   return value.replace(/[^a-zA-Z0-9]/g, "");
 }
}

5.只能输入中文、数字、英文,不包含符号

<el-input oninput="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')">

6.只能输入英文,数字,不能输入中文

oninput="value=value.replace(/[^\w\.\/]/ig,'')"

7.只能输入中文,其他都不可输入

  <el-input v-model="rowForm.carriage" clearable @input="handleInput"/>
  handleInput() {
      const regex = /^[\u4e00-\u9fa5]+$/; // 中文字符的正则表达式
      if (!regex.test(this.rowForm.carriage)) {
        this.rowForm.carriage = '';
      }
    },
或者
<el-input type="text"οnkeyup="this.value=this.value.replace(/[^\u4e00\u9fa5]/g,'')"/>

8.只能英文,其他不可

<el-input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">

 

标签:el,某某,rowForm,value,replace,carriage,只能,input,输入
From: https://www.cnblogs.com/ruyijiang/p/18431300

相关文章

  • 基于Sentinel自研组件的系统限流、降级、负载保护最佳实践探索
    一、Sentinel简介Sentinel以流量为切入点,从流量控制、熔断降级、系统负载保护等多个维度保护服务的稳定性。Sentinel具有以下特征:•丰富的应用场景:Sentinel承接了阿里巴巴近10年的双十一大促流量的核心场景,例如秒杀(即突发流量控制在系统容量可以承受的范围)、消息削峰填谷、集......
  • excel统计各品类亏损和涨出商品名称和金额的表
     红框是输入公式地址的地方 指定品类的情况下tep1:=FILTER(A:C,A:A=E2)在I2列输入上面的公式回车可以看到筛选出了品类1的全部结果公式解释:从A列到C列的这些范围中(第一个参数的意义)找到A列中数据等于E2的值(第二个参数的意义)(返回结果包含A到C这个范围的值)tep2:=SORT(FIL......
  • SelMatch:最新数据集蒸馏,仅用5%训练数据也是可以的 | ICML'24v1
    数据集蒸馏旨在从大型数据集中合成每类(IPC)少量图像,以在最小性能损失的情况下近似完整数据集训练。尽管在非常小的IPC范围内有效,但随着IPC增加,许多蒸馏方法变得不太有效甚至性能不如随机样本选择。论文对各种IPC范围下的最先进的基于轨迹匹配的蒸馏方法进行了研究,发现这些方法在增......
  • DAMODEL丹摩智算平台实践CogVideoX
    文章目录前言一、平台账号注册并登录二、部署CogVideoX(一)简介(二)部署1.创建实例2.配置环境和依赖3.预制模型与配置文件三、开始运行总结前言该文章主要记录DAMODEL丹摩智算平台实践过程与心得体会,本次实践的内容为CogVideoX-2b-部署与使用;DAMODEL平台地址为:丹......
  • LoRA: Low-Rank Adaptation of Large Language Models 笔记
    问题背景⼤模型通常包含数亿甚⾄数百亿个参数,对其进⾏微调需要⼤量的计算资源和存储空间。在微调过程中,直接修改预训练模型的所有参数可能会破坏模型的原始性能。存储和部署微调后的⼤模型需要⼤量存储空间,尤其是当需要在多个应⽤场景中部署不同微调版本时。许多微调⽅法会增......
  • ElasticSearch安装分词器与整合SpringBoot
    ElasticSearch安装分词器与整合SpringBoot如果还没安装的点击安装ElasticSearch查看怎么安装分词器1.分词器在Elasticsearch中,分词器(Tokenizer)是分析器(Analyzer)的一部分,它的主要职责是将文本输入(如字符串)分割成一系列的词元(tokens)。这些词元是搜索和索引的基础单元。......
  • ElasticSearch的安装与使用
    ElasticSearch的安装与使用docker安装docker进行安装Elasticsearch1.拉取镜像dockerpullelasticsearch:7.6.22.创建实例mkdir-p/docker/elasticsearch/configmkdir-p/docker/elasticsearch/dataecho"http.host:0.0.0.0">>/docker/elasticsearch/config/......
  • 我的网站集成ElasticSearch初体验
    我的网站集成ElasticSearch初体验   最近,我给我的网站(https://www.xiandanplay.com/)尝试集成了一下es来实现我的一个搜索功能,因为这个是我第一次了解运用elastic,所以如果有不对的地方,大家可以指出来,话不多说,先看看我的一个大致流程   这里我采用的sdk的版本是El......
  • JRebel and XRebel离线安装
    近期,使用JRebelandXRebel,发现总是安装不上,可能是网络的原因吧。所以就使用离线方式进行安装。JRebel是一款用于Java开发的生产力工具。它的主要功能是加速开发周期,通过在不重启JVM的情况下即时加载代码变更。这样,开发者可以立即看到代码修改的效果,而无需重新部署应用程序,从......
  • centos(linux):用命令设置用户的shell以及/bin/false和/sbin/nologin的区别
    一,/bin/false和/sbin/nologin作为shell时的区别1,/bin/false/bin/false是一个什么都不做,立即返回非零退出状态的命令。它通常用于禁止用户登录用户不会收到任何错误或提示信息,登录尝试简单地被拒绝,没有任何解释2,/sbin/nologin/sbin/nologin是一个专门设计来阻止用户登录的程......