如何修复 pattern="[A-Za-z]" 输入字段答案

【问题标题】：How to fix pattern="[A-Za-z]" input field如何修复 pattern="[A-Za-z]" 输入字段
【发布时间】：2021-11-03 09:52:07
【问题描述】：

嘿，由于某种原因，当我在输入字段中使用 this(pattern="[A-Za-z]") 时，什么都不会被接受？

当我在此字段中输入“Ruben”时，它只是说“确保格式符合要求的格式”？谢谢你的帮助

【问题讨论】：

标签： html regex

【解决方案1】：

模式只匹配一个字符。在字符类之后添加一个 + 量词，使其匹配其中一个或多个字符。

【讨论】：

【解决方案2】：

原因是[A-Za-z] 匹配单个字符，Ruben 是 5 哈斯长。

您应该使用[A-Za-z]+ 代替模式，它将接受一个或多个字母。

您还可以使用锚点^[A-Za-z]+$ 来确保输入由仅个字母组成。

<form>
  <div>
    <label for="uname">enter test string </label>
    <input type="text" id="uname" name="name" required size="45"
           pattern="^[a-zA-Z]+$" title="enter test string">
    <span class="validity"></span>
    <p>Input must be at least one letter and ocnsist of only letters.</p>
  </div>
  <div>
    <button>Submit</button>
  </div>
</form>

【讨论】：