regex 使用特定规则的HTML验证

uqjltbpv  于 2023-02-10  发布在  其他
关注(0)|答案(2)|浏览(151)

我怎样用HTML写一个验证规则?

  • 用户ID总长度应为7个字符,包括字母和数字
  • 用户ID必须以字母[A-Z/a-z]开头,并且应为2个字符
  • 其余5个字符应为数字**[0 - 9]**

示例:

    • 编号12345**、编号xy56879编号30075

超文本:

<form action="" method="post">
  <div>
    <label for="userid">User ID:</label>
    <input type="text" name="userid" class="form-control" value="" required  pattern="[A-Za-z]{2}+[0-9]{5}" title="User ID" aria-required="true" placeholder="Eg: ab12345">
  </div>
  <br>
  <div>    
  <label for="email">Email Address:</label>
  <input type="text" name="email" value="" required  title="Email" aria-required="true" placeholder="hello.world@happyworld.com">
  </div>
  <button type="submit">Submit</button>
</form>
v1uwarro

v1uwarro1#

我希望下面的样式可以

pattern="(?=.*[A-Za-z]{2})(?=.*[0-9]{5}).{7,7}"
    • 一个
f0brbegy

f0brbegy2#

只需将+从您的模式中删除:

input:invalid { outline: 1px solid red }
<input type="text" pattern="[A-Za-z]{2}[0-9]{5}" required="true" placeholder="Eg: ab12345">

相关问题