HTML5 验证检查输入大于 0

我有一个输入字段，它应该 大于 0 ，我使用 min="0.00000001" 来验证输入数字是否大于 0。

<input type="number" step="0.00000001" min="0.00000001" name="price" value="[%price%]" /> 

<form method="post"> 
  <b>Number Input:</b> 
  <input type="number" step="0.00000001" min="0.00000001" name="number" value="" /> 
  <input type="submit" class="submit" value="Save" /> 
</form>

请您参考如下方法:

在没有 JavaScript 的纯 HTML5 中无法做到这一点。如评论中所述，不能使用 pattern 属性。

但这可以使用简单的 JavaScript 代码处理，通过 oninput 属性调用，并使用 setCustomValidity :

<form method="post"> 
  <b>Number Input:</b> 
  <input type="number" step="any" min="0"  name="number" value=""  
         oninput="check(this)" /> 
  <input type="submit" class="submit" value="Save" /> 
</form> 
<script> 
 function check(input) { 
   if (input.value == 0) { 
     input.setCustomValidity('The number must not be zero.'); 
   } else { 
     // input is fine -- reset the error message 
     input.setCustomValidity(''); 
   } 
 } 
</script>