w3resource

jQuery: Restrict "number"-only input for textboxes including decimal points

jQuery Practical exercise Part - I : Exercise-39

Restrict "number"-only input for textboxes including decimal points.

Sample Solution:

HTML Code :

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-git.js"></script>
<meta charset="utf-8">
 <meta name="viewport" content="width=device-width">
 <title>Restrict number only input for textboxes including decimal points.</title>
 </head>
 <body>
 <p>Input the Amount: 
 <input type="text" class="numbers" value="" /></p>
 </body>
</html>

JavaScript Code:

$('.numbers').keyup(function () { 
    this.value = this.value.replace(/[^0-9\.]/g,'');
});

Go to:


PREV : Count child elements using jQuery.
NEXT : Find the loaded jQuery version

See the Pen jquery-practical-exercise-39 by w3resource (@w3resource) on CodePen.


Contribute your code and comments through Disqus.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Follow us on Facebook and Twitter for latest update.