Как получить значение типа входного номера

Question

Я делаю мобильное приложение с кордорой. поэтому мой код должен быть совместим с браузерами android и ios

Мне нужно ограничить длину моего ввода на 3 цифры, которые работают, но я ввожу какие-либо символы без цифр, это не сработает.

Вот мой вход

<input id="age" type="number"> 

Вот мой JS

$("#age").bind("keyup", function (e) { 
      var ageSelector = $('#age'); 

      if (ageSelector.val().length > 3) { 
       ageSelector.val(ageSelector.val().substr(0, 3)); 
      } 
     }); 

http://jsfiddle.net/JSdj8/

Как я могу получить реальное значение в входе? или лучше, как я могу запретить пользователю вводить все символы без цифр?

Answer 1

Использование isNaN(), который возвращает истину, если это не число, вы можете использовать атрибут maxlength также

<input id="age" type="number" maxlength="3"> 

$("#age").bind("keyup", function (e) { 
    var ageSelector = $('#age'); 
    var val=ageSelector.val(); 
    if(isNaN(parseInt(val))) 
     ageSelector.val(val.substr(0, val.length-1)); 
    if (val.length > 3) { 
     ageSelector.val(val.substr(0, 3)); 
    } 
}); 

Fiddle Demo