javascript - 当输入类型 ="number"时，正则表达式验证是否有效？

Question

在输入字段上使用 type="number" 时，正则表达式 验证似乎不起作用。

<input type="number" step="any" min="0" max="24" value="0">

使用step, min, max的新的基于浏览器的验证按预期工作。但这在不同浏览器中并不一致？

http://jsfiddle.net/EkL3k/1/

<小时/>

问题

如何使用正则表达式使数字字段验证？

如果有人有信息，我还对区分数字和文本字段的其他因素感兴趣。

注释

我发现检查空字符串会导致验证如果不满足数字字段上的条件。

Answer 1

数字字段会执行自己的验证，如果它包含非数字字符，该值将自动删除，直到给出正确的值。您可以通过 console.log(value) 看到这一点。

所以你也可以检查空字符串

function check(value, msg) {
  var valid = ((value != '') && /^\d*\.?\d*$/.test(value));    
  if (valid) {
      document.getElementById(msg).style.display = "none";
  } else {
      document.getElementById(msg).style.display= "inline";
  }
  return valid;
}

http://jsfiddle.net/EkL3k/6/