移动端限制两位小数并且弹出数字键盘(解决使用H5S使用input[type='number']不兼容JS的问题)
2017-04-27 12:05
786 查看
今天在写移动端设置金额功能的时候发现,将input的type类型改为number后会在输入的时候直接弹出数字键盘;但是,输入数字后再输入小数点会发现小数点跳动到光标后面了;这种小数点跳到光标后面的情况在当input类型设置成text后是不会出现的,但是无法直接弹出数字键盘(当然,可以重新手写新键盘);
后来发现将type类型设置为tel,就会解决此问题(请忽略我的投机取巧~~),并且可以完美的限制整数或者小数点位数;代码如下:
后来发现将type类型设置为tel,就会解决此问题(请忽略我的投机取巧~~),并且可以完美的限制整数或者小数点位数;代码如下:
<input type="tel" onkeyup="onlyNumber(this)" id="number"> <div class="msg"></div> <script> function onlyNumber(obj){ //先把非数字的都替换掉,除了数字和. obj.value = obj.value.replace(/[^\d\.]/g,''); //必须保证第一个为数字而不是. obj.value = obj.value.replace(/^\./g,'0.'); //保证只有出现一个.而没有多个. obj.value = obj.value.replace(/\.{2,}/g,'.'); //保证.只出现一次,而不能出现两次以上 obj.value = obj.value.replace('.','$#$').replace(/\./g,'').replace('$#$','.'); //只能输入两个小数 obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'); } </script>
相关文章推荐
- JS限制input输入的为数字并且有小数的时候最多保留两位小数
- JS限制input输入的为数字并且有小数的时候最多保留两位小数
- js修改input的type属性及浏览器兼容问题探讨与解决
- js修改input的type属性及浏览器兼容问题探讨与解决
- js jquery 限制input输入框只能输入两位小数的数字
- 移动端解决fixed和input获取焦点软键盘弹出影响定位的问题
- 移动端解决fixed和input获取焦点软键盘弹出影响定位的问题
- 解决input[type=number]无法显示非数字字符的问题
- 移动端解决fixed和input获取焦点软键盘弹出影响定位的问题
- 完美解决input[type=number]无法显示非数字字符的问题
- iOS8 数字键盘添加自定义按钮(兼容各个版本以及解决自定义按钮滑动出现的问题)
- input使用javascript限制输入带小数的数字
- JS保留四舍五入两小数(解决保留两位小数输入1.999变成1.100的问题)
- 解决 iphone 下面 input type="search" 弹出虚拟键盘 不能显示 搜索 问题
- AngularJS input number 保留两位小数
- JS对数字进行货币格式化并且保留两位小数点,小数用0补全
- 移动端input解决键盘问题 方案1
- js修改input的type属性问题(兼容所有浏览器,主要用于密码类的默认有提示文字的效果)
- js控制四个数字加空格(银行卡)并且支持插入数字(解决光标跳动问题)
- 解决AJAX中使用UpdatePanel后无法弹出js对话框问题(引)