vue中监听input只能输入数字及英文或者其他情况

1.、（只能输入数字，英文) (只能输入数字，英文及中文) (只能输入数字，英文及中文)2.watch:{ searcBarCode:function(){ this.searcBarCode=this.searcBarCode.replace(/[\W]/g,'');

向梦想出发11

30326人浏览 · 2017-06-01 16:04:00

向梦想出发11 · 2017-06-01 16:04:00 发布

1.<input placeholder="请输入条形码" class="disPriceStyle" v-model = 'searcBarCode'></input>、（只能输入数字，英文)

<input placeholder="请输入商品条形码" class="disPriceStyle" maxlength="20" v-model = 'searchGoodsName'></input> (只能输入数字，英文及中文)

<input placeholder="请输入活动名称" class="disPriceStyle" maxlength="20" v-model="searchProName"></input> (只能输入数字，英文及中文)

watch:{
searcBarCode:function(){
this.searcBarCode=this.searcBarCode.replace(/[\W]/g,'');
},
searchGoodsName:function(){
this.searchGoodsName = this.searchGoodsName.replace(/[^A-Za-z0-9\u4e00-\u9fa5]/g,'');
},
searchProName:function(){
this.searchProName = this.searchProName.replace(/[^A-Za-z0-9\u4e00-\u9fa5]/g,'');
}
},

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^