Để kiểm tra xem đầu vào là số hay chữ cái, hãy sử dụng hàm isNaN () từ JavaScript. Nó trả vềtrue nếu giá trị là NaN, tức là không phải là Số. Sau đây là mã -
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.
css" integrity="sha384- BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">
</head>
<body>
<form name="checkingInput" action="" onsubmit="return
checkInputIsNumber()">
Enter the value: <input type="text" name="txtValue">
<br>
<input type="submit" value="check">
<script>
function checkInputIsNumber(){
var value=document.forms["checkingInput"]["txtValue"].value;
if (isNaN(value)){
alert("Please Provide the input as a number");
return false;
}
}
</script>
</body>
</html> Để chạy chương trình trên, hãy lưu tên tệp “anyName.html (index.html)” và nhấp chuột phải vào tệp. Chọn tùy chọn “Mở bằng Máy chủ Trực tiếp” trong trình chỉnh sửa Mã VS.
Đầu ra
Điều này sẽ tạo ra kết quả sau -
Nếu bạn cung cấp bất kỳ giá trị nào ngoại trừ số, bạn sẽ nhận được thông báo cảnh báo. Điều này sẽ tạo ra kết quả tiếp theo -
Ở đây, tôi đang nhập giá trị 100. Ảnh chụp màn hình như sau -
Sau khi nhấp vào nút kiểm tra, bạn sẽ nhận được giá trị dưới dạng chuỗi truy vấn như -
?txtValue=yourValue.
Điều này sẽ tạo ra kết quả sau -