JQuery验证车牌号（含新能源车牌）

Java-云海

已于 2022-06-20 23:13:07 修改

阅读量1.7k

点赞数 1

分类专栏：前端技术文章标签： jquery js html 验证车牌号正则表达式

于 2020-04-18 15:29:14 首次发布

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/k_love1219/article/details/105599420

版权

前端技术专栏收录该内容

20 篇文章 0 订阅

订阅专栏

你知道的越多，你不知道的越多；本文仅做记录，方便以后备阅。希望也能帮到正在看这篇文章的你。

新能源汽车是指采用非常规的车用燃料作为动力来源（或使用常规的车用燃料、采用新型车载动力装置），综合车辆的动力控制和驱动方面的先进技术，形成的技术原理先进、具有新技术、新结构的汽车。

随着新能源汽车的普遍使用，我们在程序开发过程中，验证新能源汽车牌号码的需求也越来越多。近期在做一个项目中使用到这个技术，记录并分享给大家。

代码如下：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>test</title>
        <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
        <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
        <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    </head>
    <body>
        <div class="col-md-12 col-sm-12  col-xs-12">
            <div class="form-group">
                <label class="col-md-3 col-sm-3  col-xs-3 control-label">车牌号
                </label>
                <div class="col-md-5 col-sm-5  col-xs-5">
                    <input type="text" class="form-control " placeholder="请输入车牌号" id="carNumb" name="carNumb">
                </div>
            </div>
        </div>
        
        <button type="button" class="btn btn-primary" style="margin-left:28px;" onclick="submit()">submit</button>
        
        <script type="text/javascript">
            function submit() {
                /* 车牌号码验证 */
                var $car_num = $("#carNumb").val();
                var reg01 =
                    /^(([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][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挂学警港澳使领]))$/;
                if (reg01.test($car_num)) {
                    alert("车牌号正确");
                } else {
                    alert("请填写正确的车牌号")
                    return;
                }
            }
        </script>
    </body>
</html>

我们以以京BA602K为例
如下图所示–验证正确
在这里插入图片描述欢迎大家点赞、转发。

由于水平有限，本博客难免有不足，恳请各位大佬不吝赐教！

Java-云海

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
JQuery验证车牌号（含新能源车牌）

新能源汽车是指采用非常规的车用燃料作为动力来源（或使用常规的车用燃料、采用新型车载动力装置），综合车辆的动力控制和驱动方面的先进技术，形成的技术原理先进、具有新技术、新结构的汽车。...
复制链接

扫一扫