JZTXT

input输入框正则限制

发布时间 2023-10-30 14:04:32作者: seekHelp

1.只能输入正负数，包括小数点

value = value.replace(/[^\d.-]/g,'')

2.只能输入正数，不包括小数点

value = value.replace(/[^\d]/g,'')

3.只能输入正负数，限制小数点后两位

value = value.replace(/^(-)(\d+).(\d\d).$/,'$1$2.$3')

4.只能输入正数，限制小数点后两位

value = value.replace(/(-)(\d+).(\d\d).$/,’$1$2.$3’).replace(/[\d.]/g,'')

5.只能输入字母或数字

value = value.replace(/[\W]/g,'')

element-ui使用方式：
1、直接调用
@input="(value)=>(form.payDays=value.replace(/[^\d]/g,''))"

2、调用方法

@input="inputValue"
inputValue(value){
  return value = value.replace(/[^\d\.-]/g,'')
}

注意：所有replace后面替换的字段（即''）都必须用单引号'',使用双引号""会提示错误信息