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

stackoverflow.com/questions/891696/…

run
– run

2013-11-25 05:53:29 +00:00
Commented Nov 25, 2013 at 5:53 — run
– run, Commented Nov 25, 2013 at 5:53

Community · Accepted Answer · 2020-06-20 09:12:55Z

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, 2020 at 9:12

CommunityBot

11 silver badge

answered Nov 25, 2013 at 5:53

Praveen

56.7k35 gold badges137 silver badges169 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

fahadash · Accepted Answer · 2013-11-25 05:56:43Z

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, 2013 at 5:56

fahadash

3,3131 gold badge37 silver badges68 bronze badges

Comments

Shaik Rilwan · Accepted Answer · 2013-11-25 05:59:51Z

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, 2013 at 5:59

Shaik Rilwan

3552 silver badges8 bronze badges

Comments

jforjs · Accepted Answer · 2013-11-25 06:00:32Z

0

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;
    }
};

answered Nov 25, 2013 at 6:00

jforjs

4731 gold badge5 silver badges12 bronze badges

Comments

Ajinder Singh · Accepted Answer · 2013-11-25 06:30:30Z

0

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.

answered Nov 25, 2013 at 6:30

Ajinder Singh

5302 silver badges8 bronze badges

Comments

zahranoori1996 · Accepted Answer · 2024-11-27 08:51:34Z

0

// Jquery codes
$(document).ready(function () {
    $("#input-number").keydown(function (e) { 
        if((e.keyCode <= 57 && e.keyCode >= 48) || (e.keyCode <= 105 && e.keyCode >= 96) || e.keyCode == 8 ){
            console.log(e.keyCode)
        }else{
            return false
        }
    });
});
// Character numbers keyboard 48 - 57 && 96 - 105 backspace is 8

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<input type="text" id="input-number">

answered Nov 27, 2024 at 8:51

zahranoori1996

11 bronze badge

Collectives™ on Stack Overflow

How to restrict only numeric value in input field?

6 Answers 6

Using Regex

Using jQuery

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Using Regex

Using jQuery

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related