Chỉ nhập số regex javascript
|
Phần tử Show
Thử nóMặc dù thực tế là các đầu vào loại Ghi chú. Các trình duyệt không hỗ trợ loại Giá trịThuộc tính thuộc tính bổ sungNgoài các thuộc tính hoạt động trên tất cả các phần tử danh sáchCác giá trị của thuộc tính danh sách là độ dài tối đaSố ký tự tối đa (dưới dạng đơn vị mã UTF-16) mà người dùng có thể nhập vào trường số điện thoại. Đây phải là một giá trị số nguyên 0 hoặc cao hơn. Nếu không chỉ định Đầu vào sẽ không xác thực được ràng buộc nếu độ dài của văn bản được nhập vào trường này dài hơn Độ dài nhỏ nhấtSố ký tự tối thiểu (dưới dạng đơn vị mã UTF-16) mà người dùng có thể nhập vào trường số điện thoại. Đây phải là một giá trị số nguyên không âm nhỏ hơn hoặc bằng giá trị được chỉ định bởi Trường số điện thoại sẽ không xác thực được ràng buộc nếu độ dài của văn bản được nhập vào trường này nhỏ hơn mẫuThuộc tính Nếu mẫu đã chỉ định không được chỉ định hoặc không hợp lệ, thì không có biểu thức chính quy nào được áp dụng và thuộc tính này bị bỏ qua hoàn toàn Ghi chú. Sử dụng thuộc tính Xem Xác thực mẫu bên dưới để biết chi tiết và ví dụ giữ chỗThuộc tính Nếu nội dung của điều khiển có một hướng (LTR hoặc RTL) nhưng cần hiển thị trình giữ chỗ theo hướng ngược lại, bạn có thể sử dụng các ký tự định dạng thuật toán hai chiều Unicode để ghi đè hướng trong trình giữ chỗ; Note: Avoid using the chỉ đọcThuộc tính Boolean, nếu có, nghĩa là người dùng không thể chỉnh sửa trường này. Tuy nhiên, Ghi chú. Vì trường chỉ đọc không thể có giá trị, nên kích thướcThuộc tính Điều này không đặt giới hạn về số lượng ký tự mà người dùng có thể nhập vào trường. Nó chỉ xác định khoảng bao nhiêu có thể được nhìn thấy tại một thời điểm. Để đặt giới hạn trên cho độ dài của dữ liệu đầu vào, hãy sử dụng thuộc tính Thuộc tính không chuẩnCác thuộc tính không chuẩn sau đây có sẵn cho các trường nhập số điện thoại. Theo nguyên tắc chung, bạn nên tránh sử dụng chúng trừ khi không thể giúp được tự động sửa lỗiTiện ích mở rộng của Safari, thuộc tính Cho phép tự động sửa lỗi chính tả, cũng như xử lý thay thế văn bản nếu có được định cấu hình Vô hiệu hóa tự động sửa và thay thế văn bản mozactionhintTiện ích mở rộng của Mozilla, cung cấp gợi ý về loại hành động nào sẽ được thực hiện nếu người dùng nhấn phím Enter hoặc Return trong khi chỉnh sửa trường Thuộc tính này đã không được dùng nữa. thay vào đó hãy sử dụng thuộc tính toàn cầu Sử dụng đầu vào điện thoạiSố điện thoại là loại dữ liệu thường được thu thập trên web. Ví dụ: khi tạo bất kỳ loại đăng ký hoặc trang web thương mại điện tử nào, bạn có thể sẽ cần yêu cầu người dùng cung cấp số điện thoại, cho dù mục đích kinh doanh hay mục đích liên hệ khẩn cấp. Do số điện thoại được nhập phổ biến như thế nào, thật không may là giải pháp "một kích thước phù hợp với tất cả" để xác thực số điện thoại là không thực tế May mắn thay, bạn có thể xem xét các yêu cầu của trang web của riêng mình và tự triển khai mức xác thực phù hợp. Xem Xác thực, bên dưới, để biết chi tiết bàn phím tùy chỉnhMột trong những ưu điểm chính của  Một đầu vào điện thoại đơn giảnỞ dạng cơ bản nhất, đầu vào tel có thể được triển khai như thế này Không có gì kỳ diệu xảy ra ở đây. Khi được gửi tới máy chủ, dữ liệu của đầu vào ở trên sẽ được biểu diễn dưới dạng, ví dụ: Trình giữ chỗĐôi khi, thật hữu ích khi đưa ra gợi ý trong ngữ cảnh về dạng dữ liệu đầu vào sẽ có. Điều này có thể đặc biệt quan trọng nếu thiết kế trang không cung cấp nhãn mô tả cho mỗi Ở đây, chúng tôi có đầu vào Kiểm soát kích thước đầu vàoBạn không chỉ có thể kiểm soát độ dài vật lý của hộp nhập mà còn cả độ dài tối thiểu và tối đa được phép cho chính văn bản đầu vào Kích thước phần tử đầu vào vật lýKích thước vật lý của hộp nhập liệu có thể được kiểm soát bằng thuộc tính Độ dài giá trị phần tửVí dụ bên dưới tạo hộp nhập số điện thoại rộng 20 ký tự, yêu cầu nội dung không ngắn hơn 9 ký tự và không dài hơn 14 ký tự Ghi chú. Các thuộc tính trên có ảnh hưởng đến Xác thực — đầu vào của ví dụ trên sẽ được tính là không hợp lệ nếu độ dài của giá trị nhỏ hơn 9 ký tự hoặc nhiều hơn 14 ký tự. Hầu hết các trình duyệt thậm chí sẽ không cho phép bạn nhập giá trị vượt quá độ dài tối đa Cung cấp các tùy chọn mặc địnhCung cấp một mặc định duy nhất bằng thuộc tính giá trịNhư thường lệ, bạn có thể cung cấp giá trị mặc định cho hộp nhập liệu Cung cấp các giá trị được đề xuấtTiến thêm một bước nữa, bạn có thể cung cấp danh sách các giá trị số điện thoại mặc định mà người dùng có thể chọn. Để làm điều này, hãy sử dụng thuộc tính Với phần tử Đây là một ảnh chụp màn hình về những gì có thể trông giống như Thẩm địnhNhư chúng tôi đã đề cập trước đây, rất khó để cung cấp giải pháp xác thực phía máy khách một kích cỡ phù hợp với tất cả các số điện thoại. Vậy chúng ta có thể làm gì? Cảnh báo. Xác thực biểu mẫu HTML không thay thế cho các tập lệnh phía máy chủ để đảm bảo dữ liệu đã nhập ở định dạng phù hợp trước khi được phép vào cơ sở dữ liệu. Quá dễ dàng để ai đó thực hiện các điều chỉnh đối với HTML cho phép họ bỏ qua xác thực hoặc xóa hoàn toàn. Cũng có thể ai đó bỏ qua HTML của bạn hoàn toàn và gửi dữ liệu trực tiếp đến máy chủ của bạn. Nếu mã phía máy chủ của bạn không xác thực được dữ liệu mà nó nhận được, thảm họa có thể xảy ra khi dữ liệu được định dạng không đúng (hoặc dữ liệu quá lớn, không đúng loại, v.v.) được nhập vào cơ sở dữ liệu của bạn Làm số điện thoại bắt buộcBạn có thể làm cho đầu vào trống không hợp lệ và sẽ không được gửi tới máy chủ bằng thuộc tính Và hãy bao gồm CSS sau để đánh dấu các mục hợp lệ bằng dấu kiểm và các mục không hợp lệ bằng dấu chéo Đầu ra trông như thế này xác thực mẫuNếu bạn muốn hạn chế hơn nữa các số đã nhập để chúng cũng phải tuân theo một mẫu cụ thể, bạn có thể sử dụng thuộc tính Trong ví dụ này, chúng tôi sẽ sử dụng CSS giống như trước, nhưng HTML của chúng tôi được thay đổi thành như thế này Lưu ý cách giá trị đã nhập được báo cáo là không hợp lệ trừ khi mẫu xxx-xxx-xxxx được khớp; . 800-MDN-ROCKS cũng vậy. Tuy nhiên, 865-555-6502 sẽ được chấp nhận. Mẫu cụ thể này rõ ràng chỉ hữu ích cho một số ngôn ngữ nhất định — trong một ứng dụng thực tế, bạn có thể phải thay đổi mẫu được sử dụng tùy thuộc vào ngôn ngữ của người dùng ví dụTrong ví dụ này, chúng tôi trình bày một giao diện đơn giản với phần tử Mỗi đầu vào có một thuộc tính JavaScript tương đối đơn giản — nó chứa một trình xử lý sự kiện Ví dụ trông như thế này Đây là một ý tưởng thú vị, cho thấy một giải pháp tiềm năng cho vấn đề xử lý các số điện thoại quốc tế. Tất nhiên, bạn sẽ phải mở rộng ví dụ để cung cấp mẫu chính xác cho mọi quốc gia tiềm năng, điều này sẽ tốn rất nhiều công sức và vẫn sẽ không có gì đảm bảo chắc chắn rằng người dùng sẽ nhập số của họ một cách chính xác Nó khiến bạn tự hỏi liệu có đáng để gặp rắc rối này ở phía máy khách hay không, khi bạn có thể cho phép người dùng nhập số của họ ở bất kỳ định dạng nào họ muốn ở phía máy khách, sau đó xác thực và vệ sinh nó trên máy chủ. Nhưng sự lựa chọn này là của bạn để thực hiện Regex chỉ dành cho các số là gì?Nếu bạn chỉ muốn nhận các chữ số bằng REGEXP, hãy sử dụng cụm từ thông dụng sau ( ^[0-9]*$) trong đó . Trường hợp 1 - Nếu bạn chỉ muốn những hàng có chính xác 10 chữ số và tất cả chỉ phải là chữ số, hãy sử dụng biểu thức chính quy bên dưới.
Làm cách nào để kiểm tra xem đầu vào chỉ chứa số JavaScript?Để kiểm tra xem một chuỗi chỉ chứa số trong JavaScript hay không, gọi phương thức test() trên biểu thức chính quy này. ^\d+$ . Phương thức test() sẽ trả về true nếu chuỗi chỉ chứa số. Nếu không, nó sẽ trả về false.
Làm cách nào để chỉ lấy số từ chuỗi trong JavaScript?Số từ một chuỗi trong javascript có thể được trích xuất thành một mảng số bằng cách sử dụng phương thức so khớp . Hàm này lấy một biểu thức chính quy làm đối số và trích xuất số từ chuỗi. Biểu thức chính quy để trích xuất một số là (/(\d+)/).
Làm cách nào để kiểm tra giá trị đầu vào có phải là số hay không trong JavaScript?isnan() isNaN() trả về giá trị true nếu giá trị không phải là số. Con số. isNaN() trả về true nếu một số không phải là số. |
