Hộp văn bản Html chỉ dành cho số dương

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




<html lang="en">

 

<____9>

<1<<3 <4=<6>

<1<<3 html1=html3

html4html5=html7>

<1<____31____6

lang3____34

lang5lang6

lang5lang8

lang5=0

lang5=2

lang5=4

lang5=6

lang3____48

<1"en"0lang1>

"en"0head>

 

<____58>

_______11____1____62____6

lang3_______1>6 lang1____4>9>

html4 2

lang3____50____66>

lang3____1____79____6

html4<2

lang3____50 9>

<1"en"0>2>

 

<1<head4 head5=head7>

lang3______1<01 html1=<04

<05<06=<08>

lang5<<12<13<12>

lang5<<18 <19=<21

<22<23____4<25

<22<27____4<29

<22<31____4<33 <34

 

lang5<<38>

lang5<<38>

lang5<<12<47<12>

lang5<<18 <19=<55

<22<31=<33

<22<23____4<25 <34

 

lang5<<38>

lang5<<38>

lang5<____62>

<78<____112<81<12>

<78<____118 <19=<89

<90<91____4<93

<90____195____4<97 <34

<78<____118 <19=html04

<90____206____4html08

<90html10=html12>

_______35____50____62____6

lang3____50<01>

<1"en"0____94>

<1<html28>

lang3____231

html32

lang5html34

lang5html36

lang5html38html39 html40

<78html42

lang5html44

lang3____48

<1"en"0html28>

<1<html28>

lang3____256

lang5html58

lang3____48

<1"en"0html28>

"en"0____58____6

 

 

"en"0html>

Đầu ra.
 

Hộp văn bản Html chỉ dành cho số dương

ví dụ 2. Ví dụ bên dưới minh họa Đầu vào[type=”text”] chỉ cho phép Giá trị số khi sử dụng Javascript với sự trợ giúp của phương thức replace() của jQuery và hàm isNaN() của javascript

HTML




<html lang="en">

 

<____9>

<1<<3 <4=<6>

<1<<3 html1=html3

<78html5=html7>

<1<html28 lang05=

lang07>

<1"en"0html28>

"en"0head>

 

<____58>

_______11____1____62____6

lang3_______1>6 lang1____4>9>

_______331____332____66>

lang3____1____79____6

lang5lang40

lang5lang42

lang3____50 9>

lang3____1<38>

 

________ 33<<01 ________ 106=<08 ________ 358=lang60>

lang5<<12lang65<12>

lang5<<18 <19=<21 html1=lang76

<22<27=lang80>

lang5<<38>

lang5<<38>

 

lang5<<12lang94<12>

lang5<<18 <19=<21 html1==05

_______122____358____4=09

<22=11==13

<22=15==17>

lang3____50<01>

 

<1"en"0>2>

<1<html28>

lang3____433

lang5=35

<78=37

lang5=39

lang3____439

<1"en"0html28>

<1<html28>

lang3____451

lang5=53

lang5=55

lang5=57

lang5=59

=60

lang5=62

<78=64

=65

=66=67

=66=69

=65

=66=72

=66=74

=66html42

<78=78

=66=80

<78=8

lang5=8

lang3____48

<1"en"0html28>

"en"0____58____6

"en"0html>

đầu ra.  

Hộp văn bản Html chỉ dành cho số dương

JavaScript được biết đến nhiều nhất để phát triển trang web nhưng nó cũng được sử dụng trong nhiều môi trường không có trình duyệt. Bạn có thể học JavaScript từ đầu bằng cách làm theo Hướng dẫn JavaScript và Ví dụ về JavaScript này

Làm cách nào để chỉ cho phép các số trong TextBox trong MVC?

bạn không thể làm điều này vì chú thích dữ liệu được gọi khi bạn gửi biểu mẫu của mình chứ không phải khi bạn nhập dữ liệu vào hộp văn bản của mình. .
trong khi điều đó là đúng, bạn có thể sử dụng quy tắc xác thực loại đầu vào HTML5 (nếu được trình duyệt hỗ trợ). .
Sử dụng jQuery với một lớp css

Làm cách nào để chỉ cho phép các số trong TextBox javascript?

Theo mặc định, trường đầu vào HTML 5 có thuộc tính type=”number” được sử dụng để nhận thông tin đầ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 .

Làm cách nào để chỉ cho phép các số trong TextBox bằng jQuery?

Bài đăng này cho biết cách chỉ cho phép một số trong hộp văn bản bằng jQuery. .
$(tài liệu). sẵn sàng (hàm () {
$('. số duy nhất'). nhấn phím (hàm (e) {
var charCode = (e. cái mà) ? . cái mà. Sự kiện. mã khóa
nếu (Chuỗi. fromCharCode(charCode). phù hợp(/[^0-9]/g))
trả về sai;

Làm cách nào để xác thực Hộp văn bản trong C# để chỉ chấp nhận giá trị số?

Trong sự kiện Xác thực hộp văn bản, Kiểm tra nội dung bằng int. TryParse hoặc double. TryParse tùy từng trường hợp và cảnh báo người dùng. Thực hiện cả hai điều trên sẽ đảm bảo rằng hộp văn bản của bạn chỉ chứa các số.