Giải pháp tiêu chuẩn để hạn chế người dùng chỉ nhập các giá trị số là sử dụng các phần tử của loại số. Nó có xác thực tích hợp để từ chối các giá trị không phải là số. Điều này được thể hiện dưới đây
HTML
1
2
< . for="salary">Enter your salary:
Chỉnh sửa trong JSFiddle
2. Sử dụng thuộc tính pattern
Ngoài ra, bạn có thể sử dụng thuộc tính mẫu để chỉ định một biểu thức chính quy khớp với dữ liệu đầu vào được cung cấp
Việc sử dụng thuộc tính mẫu được trình bày bên dưới. Nếu các giá trị chứa các ký tự không phải chữ số, thì phần tử khớp với lớp giả CSS :invalid
Theo mặc định, trường đầu vào HTML 5 có thuộc tính type=”số” được sử dụng để nhận đầu vào ở định dạng số. Hiện buộc trường nhập liệu type=”text” chỉ chấp nhận các giá trị số bằng cách sử dụng Javascript hoặc jQuery. Bạn cũng có thể đặt thuộc tính type=”tel” trong trường nhập sẽ bật bàn phím số trên thiết bị di động. Có rất nhiều cách khác để buộc trường đầu vào nhận các số chỉ nhập
Các ví dụ sau đây sẽ giải thích cách buộc các số lực trường đầu vào.
- Bằng cách sử dụng mã ASCII
- Bằng cách sử dụng hàm thay thế [], isNan []
ví dụ 1. Ví dụ dưới đây minh họa Input[type=”text”] chỉ cho phép Giá trị số bằng Javascript với sự trợ giúp của mã ASCII.
HTML
pattern0