how-to-check-if-a-value-is-numeric-or-not-in-jquery
jQuery

How to Check If a Value is Numeric or Not in jQuery

admin 0 Comments , , , ,

In this tutorial, we are going to see how to check if a value is numeric or not in jQuery. You can use jQuery’s isNumeric() method to check whether a value is numeric or not.

isNumeric() returns true only if the argument is of type “number” or if it is of type string and it can be converted to a number, otherwise it returns false.
 

HTML Code:
<!DOCTYPE html>
<html>
	<head>
		<title>Check If a Value is Numeric or Not</title>
		<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
		<script type="text/javascript">
			// Put the jQuery code here.
		</script>
	</head>
	<body>
		<input type="text" id="input" name="value" placeholder="Type a value">
		<p id="output"></p>
		<input id="check" type="button" value="Check value" />
	</body>
</html>
 

jQuery Code:
$(document).ready(function() {
    $("#check").click(function() {
        if ($.isNumeric($('#input').val())) {
            $('#output').html('The value is a number.');
        } else {
            $('#output').html('Value is not a number.');
        }
    });
});
Result

mcqMCQPractice competitive and technical Multiple Choice Questions and Answers (MCQs) with simple and logical explanations to prepare for tests and interviews.Read More

You May Also Like

how-to-redirect-to-another-web-page-using-jquery-and-javascript

How to Redirect to Another Web Page Using jQuery and JavaScript

admin 0
how-to-display-the-value-of-the-input-in-div-in-real-time-with-jquery

How to display the value of the input in DIV in real-time with jQuery

admin 0
show-read-more-link-if-the-text-exceeds-a-certain-length-with-jquery

Show read more link if the text exceeds a certain length with jQuery

admin 2

Leave a Reply

Your email address will not be published. Required fields are marked *