Làm cách nào để kiểm tra xem văn bản có phải là số trong javascript không?

Question

Đôi khi các tình huống phát sinh (nhập số điện thoại, mã zip hoặc số thẻ tín dụng) khi người dùng phải điền vào một hoặc nhiều trường các số (0-9) trong biểu mẫu HTML. Bạn có thể viết các tập lệnh JavaScript để kiểm tra các xác thực sau

Nội dung chính Show

JavaScript. Lời khuyên trong ngày
Làm thế nào tôi có thể biết nếu một văn bản là một số?
Làm cách nào để kiểm tra xem chuỗi đã nhập có phải là số trong JavaScript không?
Làm cách nào để kiểm tra xem đầu vào có phải là một số trong JavaScript không?

Để kiểm tra tất cả các số trong một trường
Một số nguyên có dấu cộng(+) hoặc dấu trừ(-) tùy chọn ở đầu

Các khối mã sau chứa mã thực tế cho các xác thực đã nói. Chúng tôi đã giữ phần mã CSS chung cho tất cả các xác thực

Mã CSS

li {list-style-type: none;
font-size: 16pt;
}
.mail {
margin: auto;
padding-top: 10px;
padding-bottom: 10px;
width: 400px;
background : #D8F1F8;
border: 1px soild silver;
}
.mail h2 {
margin-left: 38px;
}
input {
font-size: 20pt;
}
input:focus, textarea:focus{
background-color: lightyellow;
}
input submit {
font-size: 12pt;
}
.rq {
color: #FF0000;
font-size: 10pt;
}

Để kiểm tra tất cả các số trong một trường

Để có được một chuỗi chỉ chứa các số (0-9), chúng tôi sử dụng biểu thức chính quy (/^[0-9]+$/) chỉ cho phép các số. Tiếp theo, phương thức match() của đối tượng chuỗi được sử dụng để khớp biểu thức chính quy đã nói với giá trị đầu vào. Đây là tài liệu web đầy đủ

Mã HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript form validation - checking all numbers</title>
<link rel='stylesheet' href='form-style.css' type='text/css' />
</head>
<body onload='document.form1.text1.focus()'>
<div class="mail">
<h2>Input your registration number and submit</h2>
<form name="form1" action="#">
<ul>
<li><input type='text' name='text1'/></li>
<li class="rq">*Enter numbers only.</li>
<li>&nbsp;</li>
<li><input type="submit" name="submit" value="Submit" onclick="allnumeric(document.form1.text1)" /></li>
<li>&nbsp;</li>
</ul>
</form>
</div>
<script src="all-numbers.js"></script>
</body>
</html>

Mã JavaScript

function allnumeric(inputtxt)
   {
      var numbers = /^[0-9]+$/;
      if(inputtxt.value.match(numbers))
      {
      alert('Your Registration number has accepted....');
      document.form1.text1.focus();
      return true;
      }
      else
      {
      alert('Please input numeric characters only');
      document.form1.text1.focus();
      return false;
      }
   }

Sơ đồ

Xem ví dụ trên trình duyệt

Một số nguyên có dấu cộng(+) hoặc dấu trừ(-) tùy chọn ở đầu

Để có được một chuỗi chỉ chứa các số (0-9) với dấu + hoặc - tùy chọn (e. g. +1223, -4567, 1223, 4567) chúng ta sử dụng biểu thức chính quy (/^[-+]?[0-9]+$/). Tiếp theo, phương thức match() của đối tượng chuỗi được sử dụng để khớp biểu thức chính quy đã nói với giá trị đầu vào. Đây là tài liệu web đầy đủ

Mã HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript form validation - An integer with an optional leading plus(+) or minus(-) sign</title>
<link rel='stylesheet' href='form-style.css' type='text/css' />
</head>
<body onload='document.form1.text1.focus()'>
<div class="mail">
<h2>Input your registration number and submit</h2>
<form name="form1" action="#">
<ul>
<li><input type='text' name='text1'/></li>
<li class="rq">*Enter numbers only.</li>
<li>&nbsp;</li>
<li><input type="submit" name="submit" value="Submit" onclick="allnumericplusminus(document.form1.text1)" /></li>
<li>&nbsp;</li>
</ul>
</form>
</div>
<script src="all-numbers-with-plus-minus.js"></script>
</body>
</html>

Mã JavaScript

function allnumericplusminus(inputtxt)
   {
      var numbers = /^[-+]?[0-9]+$/;
      if(inputtxt.value.match(numbers))
      {
      alert('Correct...Try another');
      document.form1.text1.focus();
      return true;
      }
      else
      {
      alert('Please input correct format');
      document.form1.text1.focus();
      return false;
      }
   }

Sơ đồ

Xem ví dụ trên trình duyệt

file_download Tải xuống mã xác thực từ đây

Xác thực JavaScript khác

Kiểm tra không trống
Kiểm tra tất cả các chữ cái
Kiểm tra tất cả các số
Kiểm tra số nổi
Kiểm tra chữ và số
Kiểm tra độ dài chuỗi
Xác thực email
Xác thực ngày
Mẫu đơn đăng ký
Không có điện thoại. Thẩm định
thẻ tín dụng số. Thẩm định
Xác thực mật khẩu
Xác thực địa chỉ IP

Trước. JavaScript. Xác thực biểu mẫu HTML - kiểm tra tất cả các chữ cái
Tiếp theo. JavaScript. Xác thực biểu mẫu HTML - kiểm tra số dấu phẩy động

Kiểm tra kỹ năng Lập trình của bạn với bài kiểm tra của w3resource

Chia sẻ Hướng dẫn / Bài tập này trên. Facebook và Twitter

JavaScript. Lời khuyên trong ngày

Cách hay để vượt qua các đối số

Ví dụ điển hình về việc sử dụng tính năng này là các thành phần được tạo kiểu, trong ES6, bạn có thể chuyển các ký tự Mẫu làm đối số cho hàm mà không cần dấu ngoặc. Mẹo hay nếu bạn đang triển khai chức năng định dạng/chuyển đổi văn bản của mình

Làm thế nào tôi có thể biết nếu một văn bản là một số?

Để kiểm tra xem một chuỗi văn bản có phải là một số hay không, nghĩa là nó chỉ chứa các ký tự số hợp lệ, bạn có thể sử dụng cú pháp sau với hàm IsNumber. IsNumber( is a number .