如何设置HTML5数字输入框只允许输入整数？

本文共计1914个文字，预计阅读时间需要8分钟。

英文|levelup.gitconnected.com|作者|Jason Knight|这两年来，我看到了很多关于这方面的文章和帖子，这确实是一个非常方便的资源。

英文|levelup.gitconnected.com作者|JasonKnight这两年我看到很多关于这方面的文章和帖子这的确是一个非常方便的东西。

英文 |  levelup.gitconnected.com 作者 | Jason Knight

这两年我看到很多关于这方面的文章和帖子这的确是一个非常方便的东西。但是太多的实现还是有漏洞残缺不全的实现等等。

整体概念是合理的使用 html 5 属性来限制可以发送到服务器的内容然后使用 Javascript 增强它以限制用户可以在第一个地方输入的内容。

所以让我们来看看这些问题并更好地实现它。

问题 1不好的脚本

最常见的缺陷是缺乏适当的降级功能。如果您要在“electron”或“nw.js”中构建完整的堆栈应用程序那很好但是这种形式的东西通常在面向公众的网站中没有位置。

就像我经常说的那样高质量的脚本应该增强已经在工作的页面而不是用户使用它的唯一方法。

解决办法

使用 pattern 和 step 属性来限制有效内容。

问题 2正则表达式模式错误或不完整

人们最常用的模式是 [-/ d] * 它的问题是允许在任何地方都减号。