How can I add validation for the HTML5 input type range?
It should not be 0. How can I add a warning message, like the default validation messages on other HTML5 input types?
- Check this link w3schools.com/html/tryit.asp?filename=tryhtml5_input_type_rangeChirag Vidani– Chirag Vidani2014-04-11 13:17:55 +00:00Commented Apr 11, 2014 at 13:17
Add a comment |
3 Answers
Example: <input type="number" size="6" name="age" min="18" max="99" value="21">
Some more examples: HTML5 Validation Types
1 Comment
Leopold Kristjansson
The example you gave is input type="number". The question is about input type="range".
I'd add the pattern attribute:
pattern="[1-1000]" That requires a number entered between 1 and 1000
I'd also add:
required="required" 
Comments
You can check if the user press the key with an eventlistener via jquery and prevent the use of it
$("input").addEventListener("keypress", function (evt) { /*your condition*/ if ( evt.which == /*your keycode*/ ) { evt.preventDefault(); alert(); /*you error message/code*/ } });