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