写一个VUE输入框中支持64位4字节浮点数保留三位小数的正则表达式
正则表达式:/^\d+(.\d{1,3})?$/
解析:
- ^ 表示匹配字符串的起始位置
- \d+ 表示匹配一位或多位数字
- (.\d{1,3})? 表示匹配小数点和一到三位小数的组合,?表示该组合可出现零次或一次
- $ 表示匹配字符串的结束位置
示例:
<template>
<div>
<input type="text" v-model="inputValue" @input="validateInput" />
</div>
</template>
<script>
export default {
data() {
return {
inputValue: ""
};
},
methods: {
validateInput() {
const regex = /^\d+(\.\d{1,3})?$/;
if (!regex.test(this.inputValue)) {
this.inputValue = this.inputValue.slice(0, -1);
}
}
}
};
</script>
在上述示例中,通过v-model绑定了一个输入框和data中的inputValue属性,@input事件监听输入框的输入变化,并调用validateInput方法进行验证。如果输入不符合正则表达式,则通过slice方法将最后一位字符去除,实现输入框内容的校验
原文地址: https://www.cveoy.top/t/topic/ig4U 著作权归作者所有。请勿转载和采集!