Question

so, my problem here is that my code seems to be recognizing that 100 is < 2000, but its not recognizing that 200 < 1000

heres my code (i also use jquery as a framework FYI)

$('.filter-price').submit(function(e) {

    var alert_message = '';
    var price_from = $('.filter-price #price_from').val();
    var price_to = $('.filter-price #price_to').val();

    if (isNaN(price_from))
    {
        alert_message += "Price from must be a number, i.e. 500\n";
        $('.filter-price #price_from').val('From');
    }

    if (isNaN(price_to))
    {
        alert_message += "Price to must be a number, i.e. 500\n";
        $('.filter-price #price_to').val('To');
    }

    if (!isNaN(price_from) && !isNaN(price_to) && (price_from >= price_to))
    {
        alert_message += "Price from must be less than price to\n";
        $('.filter-price #price_from').val('From');
        $('.filter-price #price_to').val('To');
    }

    if (alert_message != '')
    {
        e.preventDefault();
        alert(alert_message);
    }

});

i’ve tried using parseInt() on the vars which fixes nothing.

Answer 1

Sorry, but you really need to do this way:

var price_from = parseInt($('.filter-price #price_from').val(), 10);
var price_to = parseInt($('.filter-price #price_to').val(), 10);

Look the result on chrome console:

'200' >= '1000'
true

200 >= 1000
false

And if you don’t want to limit the numbers to int, replace parseInt(val, 10) to parseFloat(val)