Cách thêm biểu thức chính quy kiểm tra giá trị <input> trong HTML?

Sử dụng thuộc tính pattern để đặt biểu thức chính quy kiểm tra giá trị của <input>. Bạn có thể chạy mã sau để triển khai thuộc tính pattern:

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>Thuộc tính pattern trong HTML</title>
  </head>
  <body>
    <form action="" method="get" novalidate>
      Tên sinh viên<br><input type="text" name="sname"><br>
      Xếp hạng<br><input type="number" name="rank"><br>
      Mã quốc gia <br><input type="text" name="ccode" pattern="[A-Za-z]{3}" title="mã quốc gia"><br>
      <input type="submit" value="Gửi">
    </form>
  </body>
</html>