HTML5验证输入以仅接受字母

Question

我有一个输入的名字

<input pattern="[a-zA-Z]" oninvalid="setCustomValidity('Please enter on alphabets only. ')" type="text" class="form-control" name="first_name" placeholder="Firstname">

我输入为： qwerqwe

我不断

Please enter on alphabets only. 打印

不是qwerqwe应该有效吗？我现在有点困惑，不确定我在这里错过了什么。

有人可以给我一些提示吗？

Answer 1

您只允许输入一个字符。您错过了+标志：

<input pattern="[a-zA-Z]+" oninvalid="setCustomValidity('Please enter on alphabets only. ')" type="text" class="form-control" name="first_name" placeholder="Firstname">

正如@le_m在评论中所说，您可以编写*通配符以允许空输入：

<input pattern="[a-zA-Z]*" oninvalid="setCustomValidity('Please enter on alphabets only. ')" type="text" class="form-control" name="first_name" placeholder="Firstname">