vue2 写一个element form 的 rule字段为number要求改变时就校验格式为数字以及组成但是不能开头或者结尾且不能连续两个如121是对的而11 11 111都是错的
可以使用正则表达式来定义校验规则。以下是一个示例代码:
rules: {
number: [
{ required: true, message: '请输入数字', trigger: 'change' },
{ pattern: /^(?!.*\.\.)[0-9]+(\.[0-9]+)?$/, message: '请输入正确的数字格式', trigger: 'change' },
{ pattern: /^(?!\.)[0-9]+(\.[0-9]+)?[^.]$/, message: '请输入正确的数字格式', trigger: 'change' }
]
}
解释一下正则表达式:
^(?!.*\.\.): 用于排除连续两个点的情况。[0-9]+(\.[0-9]+)?: 用于匹配数字及小数点,可以是整数或者带小数的数字。^(?!\.)[0-9]+(\.[0-9]+)?[^.]$: 用于排除以点开头或以点结尾的情况。
这样,当输入框的值发生改变时,会触发校验。如果不符合规则,则会显示相应的错误提示信息
原文地址: https://www.cveoy.top/t/topic/iN5S 著作权归作者所有。请勿转载和采集!