jQuery:什么是限制“数字”仅输入文本框的最佳方法?(允许使用小数点)

什么是限制“数字”仅输入文本框的最佳方法?

我在找一些允许小数点的东西。

我看到很多这样的例子。但还没决定用哪一种。

Praveen Jeganathan报道

不再有插件，jQuery在1.7版本中实现了自己的jQuery. isnumeric()。参见:https://stackoverflow.com/a/20186188/66767

当前回答

如果你使用的是HTML5，你就不需要花大力气去执行验证。只要用——

<input type="number" step="any" />

step属性允许小数点有效。

其他回答

有一个很好的jquery插件叫做jquery Mask plugin，设计用于在表单字段和html元素上做蒙版，但你也可以用它来简单地定义什么类型的数据可以在字段中输入:

$('.numeric-input').mask('0#');

现在只有数字将被允许在您的表单字段。

你可以使用带有number()方法的Validation插件。

$("#myform").validate({
  rules: {
    field: {
      required: true,
      number: true
    }
  }
});

请在脚本底部添加:

if(this.value.length == 1 && this.value == 0)
 this.value = "";

如果你使用的是HTML5，你就不需要花大力气去执行验证。只要用——

<input type="number" step="any" />

step属性允许小数点有效。

根据CanIUse的数据，截至2015年10月，HTML5支持输入类型数字，全球浏览器的支持度高达88%以上。

<input type="number" step="0.01" min="0" name="askedPrice" id="askedPrice" />

这不是JQuery相关的解决方案，但优点是在手机上的Android键盘会对输入数字进行优化。

或者，也可以使用带有新参数"pattern"的输入类型文本。更多细节在HTML5规范。

我认为它比jquery解决方案更好，因为在这个问题中提供的jquery解决方案不支持千位分隔符。如果你能使用html5。

JSFiddle: https://jsfiddle.net/p1ue8qxj/

推荐文章