uniapp正则限制只能输入数字和字母

最新推荐文章于 2024-08-05 19:34:03 发布

小旋风01234

最新推荐文章于 2024-08-05 19:34:03 发布

阅读量2.5k

点赞数

文章标签：正则表达式 JavaScript 数据清理输入验证字符替换

本文链接：https://blog.csdn.net/qq_43217258/article/details/121610707

版权

介绍：
此功能核心是正则和replace替换函数，只能输入数字和字母，其他的替换成空值，相当于删除非匹配项

html:

<input @input="onKeyVinInput" type="text" maxlength='6' v-model="customerDetails.vin" placeholder="请输入车架号后6位" />

js:

	// 车架号
	onKeyVinInput(event) {
		var value = event.detail.value.toUpperCase()
		if (!value || value == " ") {
			return ''
		}
		// 数字和字母
		// const rule = /[\W]/g
		// 数字和大写字母
		const rule = /[^0-9A-Z]/g
		this.$nextTick(() => {
			this.customerDetails.vin = value.replace(rule, '')
		})
	}