1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > input标签的值只能两位小数_jQuery控制input只能输入数字和两位小数的方法

input标签的值只能两位小数_jQuery控制input只能输入数字和两位小数的方法

时间:2019-05-26 02:06:06

相关推荐

input标签的值只能两位小数_jQuery控制input只能输入数字和两位小数的方法

前言

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

jquery代码

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

函数的直接用法之onkeyup

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

函数的直接用法之blur

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

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

其他输入限制

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

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

当然了,还有其他很多校验规则,可以自己根据实际需求进

行修改和尝试一下

最后

以上所述是小编给大家介绍的jQuery控制input只能输入数字和两位小数的方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的! 您可能感兴趣的文章:如何用input标签和jquery实现多图片的上传和回显功能Jquery把获取到的input值转换成jsonjQuery实现动态添加、删除按钮及input输入框的方法jQuery实现给input绑定回车事件的方法jQuery通过改变input的type属性实现密码显示隐藏切换功能jquery实现input框获取焦点的简单实例jquery获取input type=text中的值的各种方式(总结)jquery动态创建div与input的实例代码解决html input验证只能输入数字,不能输入其他的问题js 限制input只能输入数字、字母和汉字等等使用正则限制input框只能输入数字/英文/中文等等Angular限制input框输入金额(是小数的话只保留两位小数点)JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金) 两位小数

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。