
- Javascript Basics Tutorial
- Javascript - Home
- Javascript - Overview
- Javascript - Syntax
- Javascript - Enabling
- Javascript - Placement
- Javascript - Variables
- Javascript - Operators
- Javascript - If...Else
- Javascript - Switch Case
- Javascript - While Loop
- Javascript - For Loop
- Javascript - For...in
- Javascript - Loop Control
- Javascript - Functions
- Javascript - Events
- Javascript - Cookies
- Javascript - Page Redirect
- Javascript - Dialog Boxes
- Javascript - Void Keyword
- Javascript - Page Printing
- JavaScript Objects
- Javascript - Objects
- Javascript - Number
- Javascript - Boolean
- Javascript - Strings
- Javascript - Arrays
- Javascript - Date
- Javascript - Math
- Javascript - RegExp
- Javascript - HTML DOM
- JavaScript Advanced
- Javascript - Error Handling
- Javascript - Validations
- Javascript - Animation
- Javascript - Multimedia
- Javascript - Debugging
- Javascript - Image Map
- Javascript - Browsers
- JavaScript Useful Resources
- Javascript - Questions And Answers
- Javascript - Quick Guide
- Javascript - Functions
- Javascript - Resources
Check if input is a number or letter in JavaScript?
To check if the input is a number or letter, use the isNaN() function from JavaScript. It returns true if the value is NaN i.e. Not a Number. Following is the code −
Example
<!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="http://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>
To run the above program, save the file name “anyName.html(index.html)” and right click on the file. Select the option “Open with Live Server” in VS Code editor.
Output
This will produce the following output −
If you provide any value except the number, you will get an alert message. This will produce the following output −
Here, I am entering the value 100. The screenshot is as follows −
After clicking the check button, you will get the value as query string like −
?txtValue=yourValue.
This will produce the following output −
- Related Articles
- How to check if first character in a cell is a letter or number in Excel?
- Check If the Rune is a Letter or not in Golang
- Check If the Rune is a Lowercase Letter or not in Golang
- How to check if a given character is a number/letter in Java?
- JavaScript: How to check if a number is NaN or finite?
- Check If the Rune is an Uppercase Letter or not in Golang
- Check if a number is a Krishnamurthy Number or not in C++
- Check if number falls in Fibonacci series or not - JavaScript
- Check whether a number is a Fibonacci number or not JavaScript
- How to test if a letter in a string is uppercase or lowercase using javascript?
- C++ Program to check if input is an integer or a string
- Check if a number is jumbled or not in C++
- Check if a number is an Unusual Number or not in C++
- Check if a number is an Achilles number or not in Python
- Check if a number is an Achilles number or not in C++

Advertisements