Проверка Javascript только для позитивного целочисленного ввода

Question

У меня есть два текстовых поля, в которых допустимы только целые положительные числа. Если какие-либо буквенные значения или любые другие символы (например,% $ & * £ ") введены, сообщение об ошибке должно отображаться и значения не должны оказывать таблицу.

<input type="button" value="total" name="B3" onclick="powerOf();"> 

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

(no1== no1.match(/^-\d+$/) ? alert("First number must be positive"): no1 = no1 ? no1 : 0); 
     (no2== no2.match(/^-\d+$/) ? alert("Second number must be positive"): no2 = no2 ? no2 : 0) 

     var range1 = parseInt(no1); 
     var range2 = parseInt(no2); 

Любые идеи?

Answer 1

Примечание: Вы можете сделать это просто с помощью HTML5 формы проверки:

<input type="number" min="1"> 

Тогда вы не сможете отправить форму, если введенное значение не является числом выше, чем 1. Это только кажется, работать в Chrome, хотя.

---

Чтобы ответить на ваш вопрос, что вы ищете является event.preventDefault(). Если вы измените функцию OnClick на:

<input type="button" value="total" name="B3" onclick="powerOf(event);"> 

, то вы можете запустить event.preventDefault() в функции powerOf, и при запуске, что это событие будет «отменен». Например:

function powerOf(event) { 
    if (!/^\d+$/.test(document.getElementById('input-1').value)) { 
     event.preventDefault(); 
    } 
} 

что отменит событие щелчка, когда значение входного сигнала с id="input-1" является только не цифры.

См. this demo для примера.