Actually this and others alike validation have been the order of the day on search by other web developer as I am.
WHAT i did.
I tried to solve this problem using html 5 but up to no avail.
HTML 5 code that MIGHT allow only numbers within a range in text field
Definitely I tried HTML5 constraint validation API but it was supported mainly by some web browsers.
<input type="number" min="2" max="7" step="1" id="n" oninput="(validity.valid)||(value='');">
Then I used the snippet of basic code below either To validate and auto-correct the input depending on validity states
<input type="number" min="1" max="10" id="numberSize" oninput="(!validity.rangeOverflow||(value=10)) && (!validity.rangeUnderflow||(value=1)) &&(!validity.stepMismatch||(value=parseInt(this.value)));">
This code above will send
- all inputs >max to max
- inputs < min to min
and truncate decimal values.
jQuery plugin to allow only numbers in certain range in a text field?
Plugins/Validation/Methods/range should get you started with making sure only a number in a certain range is entered.
onkeypress="return isNumberKey(event)" onkeyup="this.value = fnc(this.value, 0, 10)" into my basic html codes as shown below
<input type="text" name="textWeight" id="txtWeight" maxlength="2" onkeypress="return isNumberKey(event)" onkeyup="this.value = fnc(this.value, 0, 10)"/>
Maxlength="2" is a html validation method that makes sure that only two character of number or text is the text field.