vue正则判断输入0-100之间（含0、100）数字，最多两位(多位)小数

正则表达式： /^(([1-9]?\d{0,1}(\.\d{1,2})?)|100|100\.(0){1,2})$/

<el-table-columnlabel="付款金额"min-width="250"
><template slot-scope="{row, $index}"><el-form-item:prop="'tableData.' + $index + '.paymentAmount'":rules="tableRules.paymentAmount"label=" "><el-inputv-model="row.paymentAmount"size="small"clearable@change="changeTableContent(row, $index, 'paymentAmount', $event)"/></el-form-item></template>
</el-table-column>

// 表单验证规则
tableRules: {paymentAmount: [{ required: true, message: '请输入', trigger: 'blur' },{ pattern: /^(([1-9]?\d{0,1}(\.\d{1,2})?)|100|100\.(0){1,2})$/, message: '请输入0-100内的数字(最多2位小数)'  }]
},

若想匹配不止两位小数，只要改(\.\d{1,2})和100\.(0){1,2}中{}内的数就好。

/^(([1-9]?\d{0,1}(\.\d{1,2})?)|100|100\.(0){1,2})$/ 解释：

符号(n为代指，无实际意义)	意义
^	匹配开头，在多行检测中，会匹配一行的开头
[1-9]	任意1位1-9的数字，[]表示字符范围，在方括号中可以包含多个字符，表示匹配其中任意一个字符
\d	元字符，查找数字，1位0-9数字（元字符就是拥有特动功能的特殊字符，大部分需要加反斜杠进行标识，以便于普通字符进行区别）
n?	匹配任何包含零个或一个 n 的字符串 (匹配前面的子表达式零次或一次) 例如，"do(es)?" 可以匹配 "do" 或 "does" 。? 等价于 {0,1}
n*	匹配任何包含零个或多个 n 的字符串 (匹配前面的子表达式零次或多次) 例如，zo* 能匹配 "z" 以及 "zoo"。* 等价于{0,}
n+	匹配任何包含至少一个 n 的字符串 (匹配前面的子表达式一次或多次) 例如，'zo+' 能匹配 "zo" 以及 "zoo"，但不能匹配 "z"。+ 等价于 {1,}
n{x}	匹配包含 x 个 n 的序列的字符串
n{x,y}	匹配包含最少 x 个、最多 y 个 n 的序列的字符串
n{x,}	匹配包含至少 x 个 n 的序列的字符串
.	元字符，匹配除换行符（\n、\r）之外的任何单个字符，相等于 [^\n\r] （少数元字符，需要加反斜杠，以便转译为普通字符使用）
\	转义符
\.	转译为小数点
\|	替换，"或"操作字符具有高于替换运算符的优先级，使得"m\|food"匹配"m"或"food"。若要匹配"mood"或"food"，请使用括号创建子表达式，从而产生"(m\|f)ood"。
$	匹配结尾，在多行检测中，会匹配一行的结尾

另，介绍一个工具，写正则表达式的时候可以用：正则表达式在线测试 | 菜鸟工具

且，可以在这里学习正则教程：正则表达式 – 教程 | 菜鸟教程

vue正则判断输入0-100之间（含0、100）数字，最多两位(多位)小数相关推荐

根据编号输出课程名称。从键盘输入1~3之间的任一个数字，程序将输出相应的课程名称。
根据编号输出课程名称.从键盘输入1~3之间的任一个数字,程序将输出相应的课程名称. 1-代表"C语言程序设计" 2-代表 "Java程序设计" 3-代表 &qu ...
给定0~N之间的N个数字(大于等于0,小于N,不重复)进行按小到大排列(不用其它的经典排序算法)
1 问题比如我们给定0~N之间的N个数字(大于等于0,小于N,并且不重复)进行按小到大排列,比如N是5,我们给定数据{3, 2, 1, 0, 4},我们按照从小到大的排名最后就是{0, 1, 2, ...
用js正则判断输入的两位字符，第一位是数字16进制的，第二位是I、O、Q、U除外的字母（A到Z）
项目中遇到客户的需求变化,要验证某个数据的正确性,判断输入的两位字符,第一位是数字16进制的,第二位是I.O.Q.U除外的字母(A到Z). 本来对js不熟练,网上参考了一下js正则验证的规则,使用正则 ...
1~100之间的，猜数字游戏
//写一个猜数字小游戏 //1.自动产生一个1~100之间的随机数 //2.猜数字 // a.猜对了,恭喜你,游戏结束 // b.你猜错了,会告诉你猜大了,还是猜小了,继续猜,直到猜对 //3.游戏一 ...
java 判断输入的是正数还是0还是负数（正数-10，负数+10）
package 第二次作业; public class 第一题第二问 { //类名 public static void main(Stri ...
js判断输入是否为正整数、浮点数等数字的函数代码
2019独角兽企业重金招聘Python工程师标准>>> 1.下面列出了一些判读数值类型的正则表达式 /^\d+$/ //非负整数(正整数 + 0) /^[0-9]*[1-9][0- ...
python 判断输入的字符，是字母，数字，还是其他字符
x=input('请输入:') if x.isdigit():print('您输入的是数字') elif x.isalpha():print('您输入的是字母') else:print('您输入的是其 ...
vue 验证是否数字类型_vue.js如何判断输入的是不是数字
vue.js判断输入是否为数字的方法:首先,创建前端样本文件:然后在vue中使用正则表达式"var num reg =/" 本教程的操作环境:windows7系统,2.0版,此方法 ...
vue 验证是否数字类型_vue.js如何判断输入是否为数字
vue.js判断输入是否为数字的方法:首先创建一个前端示例文件:然后在vue中使用正则表达式"var numReg=/^[0-9]*$/"来判断输入的值是否是数字即可. 本教程操作 ...

vue正则判断输入0-100之间（含0、100）数字，最多两位(多位)小数

vue正则判断输入0-100之间（含0、100）数字，最多两位(多位)小数相关推荐

最新文章

热门文章