jQuery验证车牌号(含新能源车牌)

简介: jQuery验证车牌号(含新能源车牌)
<!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为例

验证正确


相关文章
|
1月前
|
JavaScript 前端开发 数据安全/隐私保护
jQuery最方便的前端验证方式2种(非空验证与比较验证)
jQuery最方便的前端验证方式2种(非空验证与比较验证)
61 0
|
1月前
|
JavaScript 数据安全/隐私保护
jquery正则表达式验证手机号密码和姓名字段
jquery正则表达式验证手机号密码和姓名字段
|
7月前
|
JavaScript
jQuery鼠标离焦验证手机号码
jQuery鼠标离焦验证手机号码
16 0
|
7月前
|
JavaScript
jQuery验证身份证号码
jQuery验证身份证号码
32 0
|
12月前
|
JavaScript 前端开发
Form表单利用Jquery Validate验证以及ajax提交
Form表单利用Jquery Validate验证以及ajax提交
54 0
|
JavaScript
改造jquery validator ,支持多个name相同的验证
改造jquery validator ,支持多个name相同的验证
122 0
|
前端开发 JavaScript 程序员
【前端】使用jQuery探索正则表达时,金额验证、纯数字验证等
本篇文章将探索正则表达式的功能 在前端,输入金额时,需要对输入值进行验证,只能出现金额和小数点,或者有些值需要保留2位小数点时,那么通过正则表达式验证就非常的方便和高效
80 0
|
前端开发 JavaScript API
NET MVC第七章、jQuery插件验证
NET MVC第七章、jQuery插件验证
155 0
NET MVC第七章、jQuery插件验证
|
JavaScript 前端开发
将jquery validate校验框架的remote异步验证设置为同步校验
将jquery validate校验框架的remote异步验证设置为同步校验
287 0
将jquery validate校验框架的remote异步验证设置为同步校验
|
JSON JavaScript 前端开发
jQuery 密码验证和深入理解JSONP【前端jQuery框架】
jQuery 密码验证和深入理解JSONP【前端jQuery框架】
jQuery 密码验证和深入理解JSONP【前端jQuery框架】