Good morning, everyone. I have a temperature field and only at least 5 degrees and maximum 30 degrees. What they see is my validation but not the quantity. They could help me.
<label for="rep_legal">Temperatura</label>
<input type="text" id="txt_temperatura" class="solo-numero">
$('.solo-numero').keyup(function () {
this.value = (this.value + '').replace(/[^0-9]/g, '');
});
HTML5 includes a numeric input, which in addition to being friendlier (better user interaction with the control), allows you to define minimum and maximum values.
<label for="temperatura">Temperatura</label>
<input id="txt_temperatura" type="number" name="temperatura" min="5" max="30" placeholder="5 a 30"> Do not forget to define the DOCTYPE at the beginning of your HTML file to use HTML5: <!DOCTYPE html>
You can see more options at: HTML5 number input: A new field of numeric type in the form
In addition to what you were told, you can do the following:
<input type="number" min="1" max="99" minlength="1" maxlength="2" />
With this additional to that you limit the limited values the number of characters in your form.
Greetings.
I think that it would be better to validate it with html, the following would work for you
<input type="number" id="temp" min="1" max="99">