uniapp input限制字母为大写

JokerMock

已于 2022-12-07 15:05:07 修改

阅读量458

点赞数

CC 4.0 BY-SA版权

文章标签： uni-app javascript 开发语言

于 2022-12-07 15:03:32 首次发布

本文链接：https://blog.csdn.net/zzll1216/article/details/128220561

本文介绍了一种针对车辆识别号码(VIN)的有效输入验证与处理方法。通过使用正则表达式来过滤非法字符并确保所有输入的大写，提高了VIN码输入的准确性。此过程对于车辆信息系统至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<input type="text" placeholder="请输入17位VIN码(必填)" maxlength="17" @input="vinInput" :value="formData.vin" />

// 过滤vin输入
vinInput(e) {
	let val = e.detail.value;
	if (/[^a-zA-Z0-9]/g.test(val)) { // 先过滤不需要的字符，只保留数字和字母
		val = val.replace(/[^a-zA-Z0-9]/g, '');
	}
	
	if (!/^[A-Z\d]+$/.test(val)) {// 再进行转换，小写转为大写
		val = val.toUpperCase();
	}
	this.formData.vin = val; //这里对应的是value绑定的变量
	return val; // 最后输出值，要保证输入框的值和value绑定的值一致
}