特定の数値入力のフォーム検証

Question

数字入力値が の範囲の入力を検証する必要があります。範囲は110〜150 または です。

私は現在他の入力用に使用しているHTML5の検証でそれを行うことはできますか？そうでない場合は、それを達成するための最良の方法は何ですか？

Answer 1

あなたは、いくつかの簡単なJavaScriptを使用して、これに似た何かをすることができます：あなたの努力のため

function verifyNumber(){ 
 
    const inputID = this.id; 
 
    const label = document.querySelector(`label[for="${inputID}"]`); 
 
    if ((this.value > 110 && this.value < 150) || (this.value == 0)){ 
 
    \t label.style = 'display: None'; 
 
    } else { 
 
    \t label.style = ''; 
 
    } 
 
} 
 

 
document.querySelector('input').addEventListener('change', verifyNumber);

input { 
 
    width: 100px; 
 
} 
 
label { 
 
    color: red; 
 
}

<input id="myInput" type="number" name="quantity"> 
 
<label style="display: None;" for="myInput">Please select a number between 110 and 150 or input 0</label>