Question

我有一个问题，我用HTML构建了一个表单。它有一个称为邮政编码的输入字段。现在我希望表单在提交之前检查在该字段中输入的邮政编码是否在范围内。

因此，如果邮政编码不在范围内，它将不会提交并通知用户邮政编码不在范围内。最好的方法是什么？

这是我的输入字段代码

<div class="field-element ">
 <input type="text" name="MERGE4" id="MERGE4" placeholder="Postcode *" class="shortnice form-input required"/>
</div>

Answer 1

你会这样做：

<html>
    <head>
        <title>Postal code</title>
    </head>

    <body>
        <form>          
            <input id="the_right_way" class="zipcode" type="text" value = "" pattern="^\d{5}(?:[-\s]\d{4})?$">
            <input type="submit" value="Submit"/>
        </form>
    </body>

</html>

如果用户输入无效的邮政编码，当用户按下Submit按钮时，浏览器会发现错误。

了解详情：https://stackoverflow.com/a/2577239/3728901

检查表单中的邮政编码是否在范围内

1 个答案: