如何在 HTML 中的输入字段中添加允许的符号？

Question

我有自己创建的 input 标签，必须为 phone 号码字段：

    <base-input
        style="margin-bottom: 15px; width: 100%; max-width: 510px;"
        v-model="phone"
        type="tel"
        placeholder="Mobile phone"
    />

如何只添加允许的符号（0-9 和 +）。我试图使用 pattern="[0-9]+"，但它不起作用。另外，据我所知，它可以用正则表达式来完成，但我不知道如何在这里使用它

Answer 1

使用正则表达式 ^[0-9+]+$。它允许数字和 +

示例here

Answer 2

HTML 输入标签有一个接收 RegEx 的 pattern 属性。

您的情况：

<input
style="margin-bottom: 15px; width: 100%; max-width: 510px;"
v-model="phone"
type="tel"
placeholder="Mobile phone" 
pattern="[0-9\+]+" title="Phone number - allowed symbols are (0-9 and +)" />

如果模式不匹配，它将抛出标题。