1

以下のルールを使用して HTML5 で検証を作成するにはどうすればよいですか?

  • ユーザーIDはアルファベットと数字を合わせて7文字以内
  • ユーザー IDはアルファベット[ AZ / az ] で始まり、 2文字である必要があります
  • 残りの 5 文字は数字[0-9]である必要があります

例:

ab12345、xy56879、pm30075

HTML

<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>
4

2 に答える 2

1

以下のパターンでうまくいくことを願っています

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

デモはこちら

于 2015-06-09T05:00:04.050 に答える