How to restrict only numeric value in input field?

Question

in my code i am restricting only numeric values into my input field for that i am using this code.

if($('.calculator #loan_Amount').val() != "") {
    var value = $('.calculator #loan_Amount').val().replace(/^\s\s*/, '').replace(/\s\s*$/, '');
    var intRegex = /^\d+$/;
    if(!intRegex.test(value)) {
        alert('Loan amount must be numeric.');
        return false;
    }
}

but now if i enter the value 6500.25 it says the value has to be numeric it is not taking the decimal digit as numeric. is any body having idea regarding it

http://stackoverflow.com/questions/891696/jquery-what-is-the-best-way-to-restrict-number-only-input-for-textboxes-all — run, Nov 25 '13 at 05:53

score 4 · Answer 1 · edited Jun 20 '20 at 09:12

4

\d+ means one or more integers not floating number and hence it fails.

Using Regex

Try this \d+(\.\d*)* means

enter image description here

Using jQuery

Since you already use jquery, so better go with $.isNumeric()

if($('.calculator #loan_Amount').val() != "") {
   if(!$.isNmeric(this.value) {
        alert('Loan amount must be numeric.');
        return false;
    }
}

edited Jun 20 '20 at 09:12

Community

1
1

answered Nov 25 '13 at 05:53

Praveen

55,303
33
133
164

score 0 · Answer 2 · answered Nov 25 '13 at 05:56

0

With jQuery Masked Input plugin, it is possible to ignore keys other than digits. It can also allow you to do custom digit grouping (aka thousand separator) without having user to hit comma keys. Have a look at the Demo tab on this page.

answered Nov 25 '13 at 05:56

fahadash

3,133
1
30
59

score 0 · Answer 3 · answered Nov 25 '13 at 05:59

0

$('.calculator #loan_Amount').keyup(function(){
    var iptext = $(this).val();
    if(!(iptext.match('^(0|[1-9][0-9]*)$')))
    {
        $(this).val('');
    }
});

this will accept only the neumeric value.

answered Nov 25 '13 at 05:59

Shaik Rilwan

365
2
8

score 0 · Answer 4 · answered Nov 25 '13 at 06:00

Here is a solution which blocks all non numeric input from being entered into the text-field.

html

<input type="text" id="numbersOnly" />

javascript

var input = document.getElementById('numbersOnly');
input.onkeydown = function(e) {
    var k = e.which;
    /* numeric inputs can come from the keypad or the numeric row at the top */
    if ( (k < 48 || k > 57) && (k < 96 || k > 105)) {
        e.preventDefault();
        return false;
    }
};

score 0 · Answer 5 · answered Nov 25 '13 at 06:30

You can use the JavaScript isNaN(value) method which returns true if value (Not a Number) Otherwise false

  if($('.calculator #loan_Amount').val() != "") {
    var value = $('.calculator #loan_Amount').val().replace(/^\s\s*/, '').replace(/\s\s*$/, '');
    if(isNaN(value)) 
    {
        alert('Loan amount must be numeric.');
        return false;
    }
}

Hope this Helps you.

How to restrict only numeric value in input field?

5 Answers5

Using Regex

Using jQuery