网站建设资讯

NEWS

网站建设资讯

jQuery如何控制input只能输入数字和两位小数-创新互联

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

站在用户的角度思考问题,与客户深入沟通,找到茌平网站设计与茌平网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:成都网站设计、网站建设、企业官网、英文网站、手机端网站、网站推广、域名注册虚拟主机、企业邮箱。业务覆盖茌平地区。

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://cdweb.net/article/gpide.html