simple numeric validation in jquery for input

Question

can anyone help me for simple jquery numeric validation?

<input type="text" name="yourphone" id="yourphone" required style="border-radius:6px; border:1px solid #ccc; width:300px; height:25px;" />
<input type="submit" value="Send Inquiry" class="button" id="mySubmitButton" />

Numeric validation for what? Checking integers? Floats? Max/Min? I assume phone number from reading the code.. Tell us what you're trying do to, and what you've already tried to achieve it. — Chris Brown
– Chris Brown, Commented Aug 7, 2013 at 10:56
To the right, to the right - all your answers in the list to the right — mplungjan
– mplungjan, Commented Aug 7, 2013 at 10:57

Sergio · Accepted Answer · 2013-08-07 11:36:32Z

7

You can change your input type to number like <input type="number"... (although not all browsers support HTML5 input types).

Or you can use this:

$('#myform').on('submit', function(){
    var value = $('#yourphone').val()
    return $.isNumeric(value);
});

but phone numbers can be complex, not just numbers.

In case the user uses + ( ) - . , you can use this:
(demo)

$('#myform').on('submit', function(){
    var value = $('#yourphone').val()
    var regex = new RegExp(/^\+?[0-9(),.-]+$/);
    if(value.match(regex)) {return true;}
    return false;
});

edited Aug 7, 2013 at 11:36

answered Aug 7, 2013 at 10:58

Sergio

28.9k11 gold badges90 silver badges132 bronze badges

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

2 Comments

mplungjan Over a year ago

or just return $.isNumeric(value);

Sergio Over a year ago

Yes, did that and added a regex alternative too.

random · Accepted Answer · 2015-04-14 06:32:20Z

0

$('#myform').on('submit', function(){

    var value = $('#yourphone').val()
    var regex = new RegExp(/^\+?[0-9(),.-]+$/);
    if(value.match(regex)) {return true;}
    return false;
});

edited Apr 14, 2015 at 6:32

random

10.3k8 gold badges60 silver badges103 bronze badges

answered Apr 14, 2015 at 6:05

jajama

1

Comments

Breen ho · Accepted Answer · 2015-04-24 09:59:40Z

0

<script type="text/javascript">
    var specialKeys = new Array();
    specialKeys.push(8); //Backspace
    $(function () {
        $(".numeric").bind("keypress", function (e) {
            var keyCode = e.which ? e.which : e.keyCode
            var ret = ((keyCode >= 48 && keyCode <= 57) || specialKeys.indexOf(keyCode) != -1);
            $(".error").css("display", ret ? "none" : "inline");
            return ret;
        });
        $(".numeric").bind("paste", function (e) {
            return false;
        });
        $(".numeric").bind("drop", function (e) {
            return false;
        });
    });
</script>

answered Apr 24, 2015 at 9:59

Breen ho

1,63114 silver badges23 bronze badges

Collectives™ on Stack Overflow

simple numeric validation in jquery for input

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related