其他教程

其他教程

Products

当前位置:首页 > 其他教程 >

el-input如何添加这种正则表达式校验?

GG网络技术分享 2025-03-18 16:14 2


问题描述:

使用的是elementUI,

上面是一个选择币种的下拉选择框(有美元,人民币,日元,英镑等);

下面是一个输入金额的输入框;

要求:金额输入框要求文本输入,金额格式,保留2位小数;币种选择的是日元时,金额控制为整数,不能有小数;当币种未选择就输入金额时,提示请先选择币种

// 币种列表

currencyCodeList: [

  { id: "GBP ", name: "英镑" },
  { id: "HKD", name: "港币" },
  { id: "CNY", name: "人民币" },
  { id: "USD", name: "美元" },
  { id: "JPY", name: "日元" },
],

网友观点:

在@change回调里面判断。

或者表单验证里面做判断就行了

JS正则表达式的解说

正则表达式在几乎所有语言中都可以使用,无论是前端的JavaScript、还是后端的Java、c#。他们都提供相应的接口/函数支持正则表达式。

首先小编先带大家讨论一下什么是正则?为什么需要正则?正则又可以做哪些事呢?

其实正则表达式实际上就是规定了一系列的字符串规则,例如我们平常看到的手机号码、邮箱等等。这些我们一眼看过去就知道这是手机号,邮箱号,毫无压力嘛,但是我们又怎么能让计算机知道这一切呢?

我们人类之所以能一眼分辨出来是因为我们心里有一个模型,知道十一位的数字很有可能就是一个手机号,@+邮箱品牌+.com的组合就很有可能是一个邮箱。正则表达式提供一种语法,让我们把心中的那种识别模式告诉计算机,让计算机能像我们人类一样去识别特定的字符串。

正则表达式还能帮我们做什么呢?

数据隐藏(152****1314 张先生)

数据采集(数据爬虫)

数据过滤(论坛敏感词过滤)

数据验证(表单验证、手机号码、邮箱地址...)

好了话不多说,赶紧上车,接下来就带大家介绍一下正则的使用。

一、创建正则对象

1:字面量写法-以斜杠表示开始和结束; var regex = /xyz/;

2:内置构造函数生成-通过实例得到对象;var regex = new RegExp('xyz');

上面两种写法是等价的,都新建了一个内容为 xyz 的正则表达式对象。

标签:

提交需求或反馈

Demand feedback