how to validate a required and numeric textbox using jquery?

Question

I want to validate a textbox have numeric values using the following code, but i dont know the filter term there for numeric, my code is:

    function validateRequiredNumeric(Control, msgInfo) {
    var ControlId = $('#' + Control);
    var msgInfoId = $('#' + msgInfo);
    //testing regular expression
    var a = ControlId.val();
    var filter = /[^\d]/;
    alert(a.length);
    if (a.length != 0) {
        if (filter.test(a)) {
            msgInfoId.text('');
            ControlId.css({ 'border': '1px solid green' });
            return true;
        } else {
            //msgInfoId.css({ 'color': 'red', 'font-size': '12px', 'font-style': 'italic' });
            msgInfoId.text("Numeric Onlydd fdf dfd");
            ControlId.css({ 'border': '1px solid red' });
            return false;
        }
    }
    else {
        //msgInfoId.css({ 'color': 'red', 'font-size': '12px', 'font-style': 'italic' });
        msgInfoId.text("You can't leave this empty.");
        ControlId.css({ 'border': '1px solid red' });
        return false;
    }

}

Please help me.. i have tried the "[^0-9]" this also..

You only want to validate a textbox for having numeric values and should be a required field?? — A Developer
– A Developer, Commented Sep 26, 2012 at 9:47
/[^\d]/ matches all except digits it's a negated character class — Fabrizio Calderan
– Fabrizio Calderan, Commented Sep 26, 2012 at 9:47
@FabrizioCalderan ohhh ohk my mistake.. please help me what should i use there... — Ram
– Ram, Commented Sep 26, 2012 at 9:51

Salketer · Accepted Answer · 2012-09-26 09:58:52Z

1

The regexp should be either:

For only numeric /^[\d]+$/

For any non-numeric /^[^\d]+$/

I am not sure what you mean in your question since your regexp try was for non-numeric.

Another answer made me think about it, if you expect users to use decimals, you should add some character cases...

For decimals /^[\d]+[,.]?[\d]*$/ requires at least one number before the decimal.

edited Sep 26, 2012 at 9:58

answered Sep 26, 2012 at 9:49

Salketer

15.8k2 gold badges32 silver badges64 bronze badges

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

Comments

CloudyMarble · Accepted Answer · 2012-09-26 09:48:51Z

0

try the Texottela plugin, enables using a numeric() function for that, and you can supply a callback that runs when focus is lost and the value in the text box is not a valid number.

answered Sep 26, 2012 at 9:48

CloudyMarble

37.7k70 gold badges103 silver badges133 bronze badges

Comments

user1027562 · Accepted Answer · 2012-09-26 09:52:19Z

0

I believe the term you're looking for is a regular expression

This should do it:

var filter = /^\d*$/;

The carat ^ symbol will anchor the decimal to the start of the string The $ symbol anchors the decimal to the end of the string and the \d* matches one or more decimal values

If there is any non-decimal in the string, the regex will return false

answered Sep 26, 2012 at 9:52

user1027562

2654 silver badges13 bronze badges

Comments

Ehtesham · Accepted Answer · 2012-09-26 09:56:23Z

0

You don't need a regex for that

    var a = Number($.trim(controlID));  //or parseInt($.trim(controlID))
    if (!isNaN(a)) {
        //a is valid number
    } else {
        //a is not a number or is empty
    }

answered Sep 26, 2012 at 9:56

Ehtesham

2,9851 gold badge20 silver badges22 bronze badges

Collectives™ on Stack Overflow

how to validate a required and numeric textbox using jquery?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related