javascript - 表单中的运输详细信息验证

Question

我正在使用 required 属性来检查我的表单上的模式，其中包含用户的送货信息等。我现在遇到了 2 个问题。必需属性在 Safari 或旧版 IE 中不起作用。同样在地址模式中，如果有一个“.”假设用户输入的不是 North，而是“N.”。它作为无效模式出现。使用javascript来验证它更好吗？我还可以在我的 HTML 中使用哪些其他属性来验证它，因为我相信模式不需要用户启用 javascript。

这是我表单中代码的 HTML 部分:

<input type="text" name="first_name" required pattern="[a-zA-Z]{1,}" size="30"/>
<input type="text" name="last_name" required pattern="[a-zA-Z]{1,}" size="30"/>
<input type="text" name="address1" required pattern="[a-zA-Z0-9 ]{1,}" size="30"/>
<input type="text" name="address2" pattern="[a-zA-Z0-9 ]{1,}" size="30"/>
<input type="text" name="city" required pattern="[a-zA-Z]{1,}" size="30"/>
<input type="text" name="zip" required pattern="[a-zA-Z0-9]{1,}" size="30"/>
<input type="email" name="email" required size="30" value=""/>
<input type="text" name="telephone" required pattern="[0-9]{9,}" size="30"/>
<input type="submit" id="checkout" name="checkout" class="button" value="Checkout" />

Answer 1

您应该使用 javascript 检查里面的内容，或者简单地告诉用户您要求他输入“North”而不是“N.”。用户并不真正介意这些限制。关于必需属性的内容:也使用 javascript