javascript/jQuery: validating numbers when using .each

Question

Hi all,

I'm validating my form, just checking if in the fields where a number should be the user has entered an string.

In the form there is a field where the users can add more fields if needed. Then the form is sent to a js function where I gather the fields added like this:

 params ='';   
var myAray = []; 
    $(".myfieldThatNeedNumbers").each(function(){
        myAray.push($(this).val());
    })
    params += '&myfieldThatNeedNumbers='+myAray;

Later params will be sent to my php file thanks to .ajax()

How can I validate that the values in field "myfieldThatNeedNumbers" are numbers?

Thanks a ton!

This [previous answer on StackOverflow](http://stackoverflow.com/a/1830844/304588) (Validate numbers in JavaScript - IsNumeric()) may be of some help. — Richard Neil Ilagan, Jun 21 '12 at 06:48

Liangliang Zheng · Accepted Answer · 2012-06-21T06:56:26.190

1

or you can try

!isNaN(Number(value))

EDIT: Do you mean -

$(".myfieldThatNeedNumbers").each(function(){
    var val = $(this).val();
    if(!isNaN(Number(val)){ /* invalid number detected */ }

    myAray.push($(this).val());
})

edited Jun 21 '12 at 06:56

answered Jun 21 '12 at 06:51

Liangliang Zheng

1,763
11
16

This is what I was trying but I cannot make it work with my code, inside the each function :( – user638009 Jun 21 '12 at 06:53

score 1 · Answer 2 · edited May 23 '17 at 12:12

var params = $( '.myFieldsThatAreNumber' ).filter( function() {
    return $.isNumeric( this.value );
} );

Elegant answer of the day™.

$.isNumeric requires jQuery 1.7 (source for the shim, probably based on this answer).

Also, $.ajax expects an object for the data parameter, so you need the following:

var data = {
    'myFieldsThatAreNumbers': params
};

$.ajax( {
    data: data,
} );

Or just:

$.ajax( {
    data: {
        'myFieldsThatAreNumbers': params
    },
} );

And jQuery will take care of creating the string for you.

score 0 · Answer 3 · answered Jun 21 '12 at 06:48

0

   $(".myfieldThatNeedNumbers").each(function(){
        var value = $(this).val();
        if($.isNumeric(value)) {
           myAray.push(value);   
        } else {
           alert('Not number')
        }
    });

javascript/jQuery: validating numbers when using .each

4 Answers4