проверка на ввод целого числа при нажатии кнопки

Question

Я пытаюсь запустить этот Javascript в своем приложении.

function validateQuantity(field) 
{ 
    var value = field.value; //get characters 
    //check that all characters are digits, ., -, or "" 
    for(var i=0; i < field.value.length; ++i) 
    { 
     var new_key = value.charAt(i); //cycle through characters 
     if(((new_key <= "0") || (new_key > "9")) && 
      !(new_key == "")) 
     { 
      alert("Please enter number and greater than 0 only"); 
      return false; 
      break; 
     } 
     return true; 
    } 
} 

И у меня есть кнопка ввода, как показано ниже

<input class="buttonToLink" type="submit" value="Update" 
     onclick="return validateQuantity(document.getElementById('quantity'))"/> 

Приведенный выше код успешно проверяет ввод всех алфавита, таких как «ABC» или алфавит и цифровой такой как «abcd123» как ложь.

Однако, когда я помещаю числовые символы первым, наряду с алфавитом, таким как «123abc», он терпит неудачу - он не отображает предупреждение.

Что я сделал с кодом, и как его можно исправить?

Answer 1

function validateQuantity(field) { 
    if (!/^\d+$/.test(field.value)) { // is an integer 
     alert("Please enter number and greater than 0 only"); 
     return false; 
    } 

    return true; 
} 

Причина ваш код не работает, потому что вы имеете возвращенную истинное утверждение внутри цикла. Как только он увидит действительное целое число, он вернет true и выйдет из функции, игнорируя все, что приходит после него. Разрешаем такие строки, как «123abc».

Это, вероятно, что вы хотели:

function validateQuantity(field) 
{ 
    var value = field.value; //get characters 
    //check that all characters are digits, ., -, or "" 
    for(var i=0; i < field.value.length; ++i) 
    { 
     var new_key = value.charAt(i); //cycle through characters 
     if(((new_key <= "0") || (new_key > "9")) && 
      !(new_key == "")) 
     { 
      alert("Please enter number and greater than 0 only"); 
      return false; 
      break; 
     } 
    } 

    return true; 
} 

Answer 2

if (parseInt(new_Key) == new_Key) { 
    //valid 
} else { // it will return NaN 
    //invalid 
} 

Answer 3

Попробуйте разобрать значение как целое число и сравнить его с исходным значением.

var isAllNumbers = (parseInt(field.value) == field.value); 

Возможно, используйте селектор jQuery и используйте регулярное выражение для проверки числа.

var isAllNumbers = $("#quantity").val().match(/\d+$/);