[HTML5] Kiểm tra form với regular expression

Khi làm việc với HTML, thường chúng ta rất hay gặp các form và trong HTML5 có nhiều thuộc tính mới cho cáctagcủa form. Điểm quan trọng nhất đó là chúng ta có thể kiểm soát được form trực tiếp trong HTML mà không cần thông qua Javascript. Có nghĩa là chúng ta có thể làm các việc như kiểm tra dữ liệu từ phía HTML (Và nếu trình duyệt đó không hỗ trợ Javascript hay bị tắt đi thì may thay chúng ta sẽ không bị ảnh hưởng). Đây chỉ là một lợi ích mà điều này mang lại (Nhưng dù sao mình vẫn thích làm các việc này từ phía Javascript, HTML chỉ để làm content struct thôi).
Thay đổi lớn nhất mình muốn nói trong bài này đó là các tag trong HTML5 sẽ có thêm thuộc tínhpatternđể chúng ta có thể kiểm tra dữ liệu. Chúng ta có thể sử dụng thuộc tính này và nhập vào một mẫuregular expressionđể kiểm tra dữ liệu mà người dùng đã nhập vào có giống với mẫu mà chúng ta đưa ra hay không.
Đây là ví dụ một cách validation bằng javascript:


Còn đây là trong HTML5:


Thấy sự khác biệt chưa nào

Nguồn: http://www.sanglt.com/Regular-Expression-trong-HTML5