小程序验证车牌号(含新能源车牌)

wx610019c35dc44 2021-07-28 14:30:51 阅读数:663

本文一共[544]字,预计阅读时长:1分钟~
学习

之前写的一个,小程序扫描二维码,正则校验:https://www.jianshu.com/p/61217e42a143,现在又遇到了一个小程序验证车牌号(含新能源车牌)的需求,其实思想是类似的,一并写了。

需求:input框里面填写的车牌号必须是正确的,如果不是正确的,则会弹出提示框请输入正确车牌号。

在网上找了最新的验证,包括新能源车牌

 let reg = /^(([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/

这个正则的验证规则:


 
5640239-70111cdfc1eb3bde.png
 

输入符合以上规则的车牌号可以通过验证,如果不是,则不可以通过验证
,写在代码逻辑里面:

 let reg = /^(([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/
const careg = reg.test(that.data.carNum);
if (!careg) {
wx.showToast({
icon: 'none',
title: '请输入正确车牌号',
})
return;
}

当输入车牌号写错了,没有通过验证的时候,会出现以下提示,知道正确为止:


 
5640239-b72be59c2e67239f.png
 

原文作者:祈澈姑娘 
90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,对于博客上面有不会的问题,可以加入qq技术交流群聊:649040560。

版权声明:本文为[wx610019c35dc44]所创,转载请带上原文链接,感谢。 https://blog.51cto.com/u_15315508/3209094