0
点赞
收藏
分享

微信扫一扫

uniapp 中限制input输入框非数字及字符

alanwhy 2022-03-30 阅读 135
<input @click="phone" @input="judge" type="text" placeholder="请填写姓名" v-model="tbUserName" maxlength="4" />
judge(e) {
	var time = setTimeout(() => {
	clearTimeout(time)
	var value = e.target.value;
	//匹配数字的正则表达式
	var patt = /.*[0-9]{1,}.*/i;
	//匹配特殊字符的正则表达式
	var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~!@#¥……&*()——|{}【】‘;:”“'。,、?]");
	let _str = ""
	for (let i = 0, len = value.length; i < len; i++) {
		_str += value[i].replace(pattern, '').replace(patt, '')
		}
		this.tbUserName = _str;
	}, 3)
		console.log(this.tbUserName, 'this.tbUserName')
	},

匹配汉字的正则

//匹配汉字的正则表达式
				const rule = /[^\u4E00-\u9FA5]/g;//如果你们需要字母或者数字,就改这儿!
				this.$nextTick(function () {
				this.yhkName = value.replace(rule,'');
				})

 

举报

相关推荐

0 条评论