I have this input field:
<input type=text/>
How can I allow entering only a number that is not greater than some predefined value, like for example 10, so every attempt to enter a number greater than 10 won't be allowed?
Javascript
function createValidator(element) {
return function() {
var min = parseInt(element.getAttribute(min)) || 0;
var max = parseInt(element.getAttribute(max)) || 0;
var value = parseInt(element.value) || min;
element.value = value; // make sure we got an int
if (value < min) element.value = min;
if (value > max) element.value = max;
}
}
var elm = document.body.querySelector(input[type=number]);
elm.onkeyup = createValidator(elm);
HTML
<input type=number min=0 max=10></input>
I haven't tested it, but I think it should work.
