Hướng dẫn how do you write only numbers in a textbox in html? - làm cách nào để bạn chỉ viết các số trong hộp văn bản bằng html?
Bài đăng này sẽ thảo luận về cách hạn chế hộp văn bản đầu vào HTML để chỉ cho phép các giá trị số. 1. Sử dụngGiả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ử
Chỉnh sửa trong JSfiddle 2. Sử dụng thuộc tính patternNgoài ra, bạn có thể sử dụng thuộc tính mẫu để chỉ định biểu thức chính quy sẽ phù hợp với đầu vào được cung cấp. Việc sử dụng thuộc tính mẫu được thể hiện dưới đây. Nếu các giá trị chứa các ký tự không chữ số, phần tử sẽ khớp với các lớp giả CSS. HTML
Chỉnh sửa trong JSfiddle
Chỉnh sửa trong JSfiddle 2. Sử dụng thuộc tính patternNgoài ra, bạn có thể sử dụng thuộc tính mẫu để chỉ định biểu thức chính quy sẽ phù hợp với đầu vào được cung cấp.oninput property to processes input events on the HTML
Chỉnh sửa trong JSfiddle 2. Sử dụng thuộc tính Ngoài ra, bạn có thể sử dụng thuộc tính mẫu để chỉ định biểu thức chính quy sẽ phù hợp với đầu vào được cung cấp. Việc sử dụng thuộc tính mẫu được thể hiện dưới đây. Nếu các giá trị chứa các ký tự không chữ số, phần tử sẽ khớp với các lớp giả CSS. HTML :) Lưu ý: Đây là một câu trả lời cập nhật. Nhận xét dưới đây Tham khảo một phiên bản cũ lộn xộn với các mã hóa. This is an updated answer. Comments below refer to an old version which messed around with keycodes. JavaScriptHãy tự mình thử trên jsfiddle. Bạn có thể lọc các giá trị đầu vào của văn bản 1 sau (hỗ trợ sao chép+dán, kéo+thả, phím tắt, hoạt động menu ngữ cảnh, khóa không có khả năng, vị trí chăm sóc, bố cục bàn phím khác nhau, thông báo lỗi tính hợp lệ và thông báo lỗi hợp lệ và Tất cả các trình duyệt kể từ IE 9):
Bây giờ bạn có thể sử dụng chức năng 1 để cài đặt bộ lọc đầu vào:
Áp dụng phong cách ưa thích của bạn vào lớp lỗi đầu vào. Đây là một gợi ý:
Xem bản demo JSFiddle để biết thêm các ví dụ bộ lọc đầu vào. Cũng lưu ý rằng bạn vẫn phải thực hiện xác thực phía máy chủ!must do server side validation! TYPEXTRIPTDưới đây là một phiên bản TypeScript của điều này.
jQueryNgoài ra còn có một phiên bản jQuery của điều này. Xem câu trả lời này. HTML 5HTML 5 có giải pháp gốc với
Hãy tự mình thử trên w3schools.com. |