jQuery如何控制input只能输入数字和两位小数

这篇文章主要为大家展示了“jQuery如何控制input只能输入数字和两位小数”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“jQuery如何控制input只能输入数字和两位小数”这篇文章吧。

创新互联主营龙圩网站建设的网络公司,主营网站建设方案,手机APP定制开发,龙圩h5小程序开发搭建,龙圩网站营销推广欢迎龙圩等地区企业咨询

jquery代码

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

函数的直接用法之onkeyup

在input表单输入中，限制最多只能保留两位小数点，其他自动抹掉；这里会用到onkeyup事件，也就是onkeyup事件会在键盘按键被松开时发生，也就是，这个时候调用我们的函数，来处理已输入的内容。

元

函数的直接用法之blur

除了上面的监控键盘事件外，还可以通过监控表单的焦点事件来实现，也就是，表单都有获得焦点事件focus和失去焦点事件blur，我们只需要在失去焦点的时候，调用我们的format_input_num函数就可以了，具体如下：

元

或者不在表单中直接绑定方法，而是去jQuery中通过查找元素节点，然后单独绑定相应的事件，并执行相关函数

元

其他输入限制

限制只能输入数字的写法，也就是，只能输入0-9的数字

限制只能输入数字、字母和横线"-"，其中字母包括大小写

当然了，还有其他很多校验规则，可以自己根据实际需求进行修改和尝试一下

以上是“jQuery如何控制input只能输入数字和两位小数”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

网页名称：jQuery如何控制input只能输入数字和两位小数
网站链接：http://bjjierui.cn/article/jgejjo.html