javascript - 验证具有最小和最大范围的输入类型编号

Question

我想验证输入的类型数字是否超出范围。

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

我试过 required = true 但没有用 我想显示值是否超过范围显示消息，如 you can give score -10 to +10只有

我想在输入时允许，而不是在提交时。

我该怎么做...？

Answer 1

您可以查看我创建的这个 jsfiddle。 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>

查询

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

如果你想让它成为必需的，你可以将必填字段添加到输入控件中。