In JavaScript possiamo validare un campo di input numerico.
La soluzione è la seguente:
'use strict';
const validateNumericInput = (inputElement = null, minValue = 1) => {
if (!inputElement) {
return false;
}
const value = parseInt(inputElement.value, 10);
return !isNaN(value) && value >= minValue;
};
Il primo parametro della funzione rappresenta un riferimento nel DOM all'elemento input, che deve necessariamente essere presente. Qualora non lo fosse, verrà restituito immediatamente false.
Leggiamo quindi come numero intero il valore del campo usando la funzione parseInt() passandogli il valore stringa della proprietà value del campo. Se questo valore è NaN, ossia non un numero intero valido o se il valore è inferiore al valore intero minimo specificato nel secondo parametro della funzione, la funzione restituirà false, altrimenti true.