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爲例
驗證正確


5640239-a1e55457f99e0f7a.png
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章