大家好,小编来为大家解答以下问题,js验证括号是否成功匹配,js验证数字正则表达式,今天让我们一起来看看吧!
vue开发中,会使用到自定义公式校验合法性,判断公式是否符合逻辑, 整理个人使用过的自定义公式页面保存时对输入的字符串进行校验的一套规则
(文章最后有完整代码)
目录
1. 正则判断
const re = /[^0-9\(\)\+\-\×\÷\.\#\{\}]{1,}/ // 判断输入字符合法性的正则(只能输入数字,+-×÷,(),#{})
const re = /#\{(.+?)\}/g // 取出#{}中的字符正则
const re = /\((.+?)\)/g // 匹配出所有括号,返回数组
if (/\(\)/.test(str)) throw new Error('括号中至少维护一个运算公式')
// 错误情况,( 后面是运算符
if (/\([\+\-\×\÷]/.test(str)) { throw new Error('运算公式配置不正确') }
// 错误情况,) 前面是运算符
if (/[\+\-\×\÷]\)/.test(str)) { throw new Error('运算公式配置不正确') }
// 错误情况,( 前面不是运算符 或 空
if (/[^\+\-\×\÷\(\s]\(/.test(str)) { throw new Error('运算公式配置不正确') }
// 错误情况,) 后面不是运算符 或 空
if (/\)[^\+\-\×\÷\)\s]/.test(str)) { throw new Error('运算公式配置不正确') }
// 错误情况,运算符号不能在首末位
if (/^[\+\-\×\÷.]|[\+\-\×\÷.]$/.test(str)) { throw new Error('运算公式配置不正确') }
// 错误情况,运算符连续
if (/[\+\-\*\/]{2,}/.test(str)) { throw new Error('运算公式配置不正确') }
// 错误情况,#{}后面不是 运算符或 ) 或 ''
if (/#\{.+\}[^\+\-\×\÷\)\s]/.test(str)) throw new Error('运算公式配置不正确')
// 错误情况,#{}前面不是 运算符或 ( 或 ''
if (/[^\+\-\×\÷\(\s]#\{.+\}/.test(str)) throw new Error('运算公式配置不正确')
2. 校验数字(输入数字不超过十位数,不超过两位小数)
// 错误情况,.后面不是数字
if (/\.[^0-9]/.test(str)) throw new Error('公式不合法')
// 错误情况,.前面不是数字
if (/[^0-9]\./.test(str)) throw new Error('公式不合法')
// 判断数字是否