vue 输入框限制中英文及数字

vue 项目,通过 input 事件 结合 正则表达式实现输入框限制输入中英文及数字

<el-input
	v-model.trim="value"
	@input="inputLimit"
/>
//...
methods: {
     
	//...
	inputLimit(val) {
     
		// 正则匹配非中英文及数字的字符
		let reg = /[^\u4e00-\u9fa5a-zA-Z0-9]/;
		// 查找是否有非中英文及数字的字符
		// 没有则返回-1,有则返回对应位置
		let n = val.search(reg);
		if ( n !== -1 ) {
     
		    // 由于每次触发,通常只有最后一个字符是有可能异常的
		    // 所以这里是直接截取异常字符前面的部分
			this.value = val.slice(0, n);
		}
	}
}

//...

vue 输入框限制中英文及数字_第1张图片

你可能感兴趣的:(vue,vue,js,正则表达式)