Nếu bạn muốn cho phép người dùng của mình chỉ nhập giá trị số vào trường nhập văn bản HTML, bạn có thể tạo một biểu thức chính quy và kiểm tra giá trị đầu vào đối với nó bằng cách sử dụng phương thức test[]
Hãy thử ví dụ sau áp dụng đường viền màu đỏ cho hộp nhập văn bản nếu giá trị được nhập không phải là số nguyên hoặc dấu phẩy, áp dụng đường viền màu xanh lục nếu không
jQuery Allow Only Numeric Input in HTML Text Input Field
Note: This HTML text input only allow numeric keystrokes and decimal ['.']
Lưu ý rằng sự kiện input
kích hoạt khi nhập bàn phím, kéo chuột, tự động điền và thậm chí sao chép-dán. Tuy nhiên, nó sẽ không kích hoạt nếu bạn dán cùng một chuỗi hoặc chọn và nhập lại cùng một ký tự bên trong đầu vào
Nếu bạn chỉ muốn cho phép các ký tự số [0-9] trong kiểu nhập văn bản HTML, hãy sử dụng regex /^\d*$/
. Trong ví dụ trên nếu bạn cũng muốn cho phép các giá trị âm, bạn có thể sử dụng biểu thức chính quy /^-?\d*[.]?\d*$/
________số 8
foreach [$tests as $element] {
if [is_numeric[$element]] {
echo var_export[$element, true] . " is numeric", PHP_EOL;
} else {
echo var_export[$element, true] . " is NOT numeric", PHP_EOL;
}
}
?>
Ví dụ trên sẽ xuất ra
Chúng tôi có thể dễ dàng chỉ cho phép các số trong hộp văn bản bằng jQuery. Trong keyup[], đặt mã chỉ cho phép các giá trị số để hộp văn bản không bao giờ chấp nhận chuỗi. Chúng ta sẽ thấy hai ví dụ -
- Chỉ cho phép các số trong Hộp văn bản bằng jQuery thay thế []
- Chỉ cho phép các số trong Hộp văn bản bằng cách sử dụng jQuery fromCharCode[]
Chỉ cho phép các số trong Hộp văn bản bằng jQuery thay thế []
Trong ví dụ này, chúng ta sẽ xem cách chỉ cho phép các số trong TextBox bằng cách sử dụng jQuery replace[]. Chúng ta phải đặt mã bên dưới keyup để chỉ cho phép các số trong khi nhập, nếu không, hộp văn bản sẽ không cho phép nhập chuỗi -
$['.numbers'].keyup[function [] { this.value = this.value.replace[/[^0-9\.]/g,'']; }];
Ở trên, chúng tôi đã thiết lập Regex chỉ cho phép nhập số 0-9 trong hộp văn bản. Các. số là một lớp được đặt cho cả hai đầu vào i. e. -
Trong khi xây dựng biểu mẫu phức tạp, bạn có thể muốn người dùng chỉ nhập số vào hộp văn bản. HTML5 đã cung cấp hộp văn bản số loại đầu vào cho hộp nhập số chỉ. Nhưng bạn vẫn có thể muốn người dùng nhập văn bản vì
- 1. Bạn không thích dấu lên/xuống bên phải ô nhập liệu
- 2. Bạn không muốn tăng giảm giá trị số bằng nút điều hướng
Chà, bạn vẫn có thể sử dụng văn bản loại đầu vào và sử dụng Javascript để ngăn người dùng nhập liệu ngoài các ký tự số
Trong bài viết này, chúng tôi sẽ trình bày cách sử dụng trường văn bản để chỉ nhập số. Chúng tôi sẽ sử dụng giá trị mã khóa để xác thực xem người dùng nhập khóa số hay khóa văn bản. Dựa vào đó, chúng tôi có thể hiển thị thông báo lỗi. Điều kiện dưới đây chúng tôi sẽ sử dụng để kiểm tra và ngăn nhập khóa
if [e.which != 8 && e.which != 0 && [e.which < 48 || e.which > 57]] {
return false;
}
Đây là mã đầy đủ với thông báo lỗi nếu người dùng nhập phím khác thay vì phím số
Only numbers input textbox
Only numbers input textbox
Number
Only numbers allowed.
$[document].ready[function[] {
$["#number"].keypress[function [e] {
if [e.which != 8 && e.which != 0 && [e.which < 48 || e.which > 57]] {
$['#number-message'].addClass['d-block'].removeClass['d-none'];
return false;
} else {
$['#number-message'].addClass['d-none'].removeClass['d-block'];
}
}];
}];
Điều này sẽ trả lại chế độ xem bên dưới với thông báo lỗi
Tôi hy vọng bạn thích bài viết này