Validierung für Eingangstypnummer mit minimalem und maximalem Bereich

Question

Ich möchte überprüfen, ob die Eingabetypnummer den Bereich überschreitet.

<input type="number" min="-10" max="10" required="true" message="you can give score -10 to +10 only"> 

Ich versuchte required = true aber nicht funktioniert möchte ich zeigen, wenn der Wert der Nachricht Bereich zeigen Kreuze wie können Sie Score -10 to +10 nur

Ich will geben ermöglichen, während sich der Eingabe nicht bei der Einreichung.

Wie kann ich das ..?

Answer 1

Sie können diese jsfiddle, die ich erstellt habe, betrachten. https://jsfiddle.net/6bkws7zd/

HTML

<input id="txtNumber" type="number" message="you can give score -10 to +10 only" /> 
<span id="errorMsg" style="display:none;">you can give score -10 to +10 only</span> 

JQuery

$("#txtNumber").keyup(function() { 
    if($('#txtNumber').val()<-10 || $('#txtNumber').val()>10){ 
     $('#errorMsg').show(); 
    } 
    else{ 
    $('#errorMsg').hide(); 
    } 
    }); 

Sie erforderliches Feld zur Eingabe von Steuer hinzufügen können, wenn Sie es erforderlich machen wollen.