代码片段之jQuery控制input只能输入数字和两位小数

MingjunYang 发布于2019-07-01 12:47 / 2540人阅读

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

前言

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

jquery代码

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

函数的直接用法之onkeyup

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

元

函数的直接用法之blur

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

元

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

元

其他输入限制

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

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

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

最后

这就是我分享CODING过程中的一些代码片段，有不对或者需要优化的地方，大家可以给我留言。

感谢http://www.cnblogs.com/angto64/p/5459496.html

GPU云服务器云服务器 php数字两位小数 js只能输入小数 php数字两位小数点 asp只能输入数字

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/31499.html

代码片段之jQuery控制input只能输入数字和两位小数

摘要：前言做为一个，难免会遇到那种表单中限制输入的问题，比如，限制空格的输入，只允许输入数字，以及小数点的控制等等，这里，我们就说一下数字的限制。 showImg(https://segmentfault.com/img/remote/1460000019199762?w=1350&h=900); 前言做为一个PHPER，难免会遇到那种表单中jQuery限制输入的问题，比如，限制空格的输入...

iOS122 2019-08-26 13:48 评论0 收藏0
js控制input框只能输入数字和一位小数点且小数点后面只有两位小数

摘要：控制框只能输入数字和一位小数点且小数点后面只有两位小数控制框只能输入数字和一位小数点且小数点后面只有两位小数或过滤清除数字和以外的字符只保留第一个清除多余的只能输入两个小数如果没有小数点，不能为类似的金额如果有小数点，不能为类似的金额如 js控制input框只能输入数字和一位小数点且小数点后面只有两位小数 js控制input框只能输入数字和一位小数点且小数点后面只有两位小数212或 0...

gyl_coder 2019-08-23 16:14 评论0 收藏0
input输入框只能输入数字，只能输入字母数字组合

摘要：输入大小写字母数字下划线输入小写字母数字下划线输入数字和点输入中文输入数字输入英文输入中文数字英文输入数字和字母除了英文的标点符号以外，其他的都可以中文，英文字母，数字，中文标点只能输入数字代码小数点也不能输入只能输入数字能输输入大小写字母、数字、下划线：输入小写字母、数字、下划线：输入数字和点输入中文: 输入数字: 输入英文...

BakerJ 2019-08-20 14:18 评论0 收藏0