javascript - JavaScript 中的表单验证。我想验证一个字段，以便它只接受 "KK-10-HUH"形式的汽车注册

Question

我想创建一个 JavaScript 函数，该函数将验证简短的表单，并且仅接受“KM-10-HUH”格式的汽车注册号。 “KM”是 2 个字母，“10”是 2 个数字，“HUH”是 3 个字母。所有 3 个部分应通过连字符 (-) 分隔。

这是我的一些代码的示例:

    <div>
        <form id="registrationForm" method="post"  onSubmit="return validate();">
            <table cols="2" width="100%">                   
                <tr>
                    <td>Model<span class="required">*</span></td>
                    <td><input type="text" size="30" id = "model" name = "model" /> </td>
                </tr>
                <tr>
                    <td>Registration Number <span class="required">*</span></td>
                    <td><input type="text" size="30" id = "regNumber" name="regNumber" /> </td>
                </tr>
                <tr>
                    <td>Name<span class="required">*</span></td>
                    <td><input type="text" size="30" id = "name" name="name" /></td>
                </tr>                   

                <tr>
                    <td><input type="submit" value="Submit" /> </td>
                    <td><input type="reset" value="Reset"/> </td>
                </tr>
            </table>
        </form>
    </div>

</div>

Answer 1

您可以使用正则表达式。

var regex = /[A-Z]{2}-[0-9]{2}-[A-Z]{3}/g;

然后测试车牌字符串是否有效:

regex.test("KM-10-HUH"); // returns true
regex.test("KM-1-HUH"); // returns false

下面的正则表达式说明

[A-Z] 表示从 A 到 Z 的任何字符(仅限大写字母)，{2} 位于末尾，意味着在本例中，前面必须有 2 个内容

[A-Z]{2} 表示 2 个大写字母。然后只是一个连字符，然后是 3 个数字 [0-9]{3}、一个连字符和三个字母 [A-Z]{3}。