Question

我必须验证数字输入值所在的输入范围从110到150 要么可能是零。

我是否有机会使用HTML5验证我目前正在使用其他输入？如果没有，那么实现这一目标的最佳途径是什么？

Answer 1

你可以使用一些简单的javascript来做类似的事情：

＆＃13;

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

  <input type="text" pattern="(0|1[1-4][0-9]|150)" />

这是我一直在寻找的答案：）

特定数字输入的表单验证（数字范围+数字0）

2 个答案: