javascript условное возвращение неожиданного результата

Question

Я делаю простое сравнение чисел в событии keyUp поля ввода. По какой-то причине я не получаю ожидаемого результата, и я не могу понять, почему. То, что должно было, состоит в том, что если введенное пользователем число больше, чем указано в атрибуте html, фон должен быть красным, иначе он останется белым. Простое включение «9» приведет к красному фону. ??

var admin = $('input[name="diskStorage"]').attr('data-adminstorage'); // 2097152000 

$('#new-user input[name="diskStorage"]').keyup(function(){ 

    if(admin < $(this).val()) 
     $(this).css('background','red'); 
    else 
     $(this).css('background','white'); 
}); 

Когда я отлаживать эти значения, if(2097152000 < 549) возвращается верно. Вот HTML, в случае, если это делает никакой разницы:

<form action="administrate.php" method="post" id="new-user"> 
<table><tbody><tr> 
... 
    </tr><tr> 
    <td>Disk Storage Limit:</td> 
    <td> 
    <input type="text" data-adminStorage="2097152000" name="diskStorage" value="" /> megaBytes<br /> 
    <span id="info"></span></td> 
... 
    </tr></tbody></table> 

Здесь живут: http://jsfiddle.net/JMC_Creative/dqAJj/2/

Answer 1

.attr и .val() возвращение String объекты - используйте унарный оператор +, чтобы преобразовать его в числовое значение.

var admin = $('input[name="diskStorage"]').attr('data-adminstorage'); 
admin = +admin; 

if(admin < +$(this).val()) { 
    //... 
} 

Answer 2

Попробуйте добавить /1 после получения значения администратора, чтобы сделать это число не строка ,

var admin = $('input[name="diskStorage"]').attr('data-adminstorage')/1; 

Edit: также на this.val:

$(this).val()/1; 

Answer 3

Это, вероятно, обе струны. Вы должны преобразовать их в число первых:

var admin = Number($('input[name="diskStorage"]').attr('data-adminstorage')); // 2097152000 

$('#new-user input[name="diskStorage"]').keyup(function(){ 

    if(admin < Number($(this).val())) 
     $(this).css('background','red'); 
    else 
     $(this).css('background','white'); 
});