如何用jQuery实现input只允许输入数字及两位小数?

更新于
2026-10-02 13:24:44
0阅读来源:SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计827个文字,预计阅读时间需要4分钟。

前言:作为一名PHPER,难免会遇到那种表单中jQuery限制输入的问题,比如限制空格的输入,只允许数字、以及小数点的控制等。这里,我们就来聊聊数字的限制。

jQuery代码:

javascript$(document).ready(function() { $('#inputField').on('input', function() { this.value=this.value.replace(/[^0-9.]/g, ''); });});

前言

做为一个PHPER,难免会遇到那种表单中jQuery限制输入的问题,比如,限制空格的输入,只允许输入数字,以及小数点的控制等等,这里,我们就说一下数字的限制。

jquery代码

话不多说,直接先上jQuery函数,具体的可以看注释说明,在使用这个之前,请务必保证已经提前引入了jQuery库,大家可以自己下载一个jQuery文件,然后引入,也可以查找CDN地址引入,比如在 www.bootcdn.cn/jquery/ 可以查找到很多版本的引入地址,直接找到你想要的引入就行。

阅读全文

本文共计827个文字,预计阅读时间需要4分钟。

前言:作为一名PHPER,难免会遇到那种表单中jQuery限制输入的问题,比如限制空格的输入,只允许数字、以及小数点的控制等。这里,我们就来聊聊数字的限制。

jQuery代码:

javascript$(document).ready(function() { $('#inputField').on('input', function() { this.value=this.value.replace(/[^0-9.]/g, ''); });});

前言

做为一个PHPER,难免会遇到那种表单中jQuery限制输入的问题,比如,限制空格的输入,只允许输入数字,以及小数点的控制等等,这里,我们就说一下数字的限制。

jquery代码

话不多说,直接先上jQuery函数,具体的可以看注释说明,在使用这个之前,请务必保证已经提前引入了jQuery库,大家可以自己下载一个jQuery文件,然后引入,也可以查找CDN地址引入,比如在 www.bootcdn.cn/jquery/ 可以查找到很多版本的引入地址,直接找到你想要的引入就行。

阅读全文