对于input 框限定输入值为浮点型的js代码


Posted in Javascript onSeptember 25, 2017

在一些项目中,比如金额用到浮点型,对于input  限定可以参考以下

<input type="text" value="" onkeyup="only_num(this)" onblur="only_num(this)">

<script>
function only_num(obj){


//得到第一个字符是否为负号


var num = obj.value.charAt(0);


//先把非数字的都替换掉,除了数字和.


obj.value = obj.value.replace(/[^\d\.]/g,'');


//必须保证第一个为数字而不是.


obj.value = obj.value.replace(/^\./g,'');


//保证只有出现一个.而没有多个.


obj.value = obj.value.replace(/\.{2,}/g,'.');


//保证.只出现一次,而不能出现两次以上


obj.value = obj.value.replace('.','$#$').replace(/\./g,'').replace('$#$','.');


//如果第一位是负号,则允许添加


if(num == '-'){



obj.value = '-'+obj.value;


}

}
</script>

以上这篇对于input 框限定输入值为浮点型的js代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js获取当前select 元素值的代码
Apr 19 Javascript
浅析jQuery的链式调用之each函数
Dec 03 Javascript
利用jquery的获取JS文件中的字符串内容
Feb 14 Javascript
JS中setInterval、setTimeout不能传递带参数的函数的解决方案
Apr 28 Javascript
css配合jquery美化 select
Nov 29 Javascript
JavaScript下的时间格式处理函数Date.prototype.format
Jan 27 Javascript
jqueryMobile 动态添加元素,展示刷新视图的实现方法
May 28 Javascript
JavaScript中数组的22种方法必学(推荐)
Jul 20 Javascript
angularjs 缓存的使用详解
Mar 19 Javascript
微信开发之微信jssdk录音功能开发示例
Oct 22 Javascript
Vue3.0数据响应式原理详解
Oct 09 Javascript
JS实现动态无缝轮播
Jan 11 Javascript
静态页面实现 include 引入公用代码的示例
Sep 25 #Javascript
React学习之事件绑定的几种方法对比
Sep 24 #Javascript
一文让你彻底搞清楚javascript中的require、import与export
Sep 24 #Javascript
通过源码分析Vue的双向数据绑定详解
Sep 24 #Javascript
JS实现手写parseInt的方法示例
Sep 24 #Javascript
Js利用console计算代码运行时间的方法示例
Sep 24 #Javascript
详解Web使用webpack构建前端项目
Sep 23 #Javascript
You might like
一个颜色轮换的简单例子
2006/10/09 PHP
PHP实现Unicode编码相互转换的方法示例
2020/11/17 PHP
win7 wamp 64位 php环境开启curl服务遇到的问题及解决方法
2018/09/16 PHP
基于jquery的页面划词搜索JS
2010/09/14 Javascript
js实现数组去重、判断数组以及对象中的内容是否相同
2013/11/29 Javascript
jQuery实现自动输入email、时间和域名的方法
2016/08/24 Javascript
JS不完全国际化&amp;本地化手册 之 理论篇
2016/09/27 Javascript
在js代码拼接dom对象到页面上去的模板总结(必看)
2017/02/14 Javascript
Bootstrap缩略图的创建方法
2017/03/22 Javascript
使用vue制作FullPage页面滚动效果
2017/08/21 Javascript
如何去除vue项目中的#及其ie9兼容性
2018/01/11 Javascript
JavaScript常见鼠标事件与用法分析
2019/01/03 Javascript
javascript自定义日期比较函数用法示例
2019/07/22 Javascript
微信小程序 腾讯地图显示偏差问题解决
2019/07/27 Javascript
微信小程序点击view动态添加样式过程解析
2020/01/21 Javascript
Python中的ConfigParser模块使用详解
2015/05/04 Python
详解在Python程序中解析并修改XML内容的方法
2015/11/16 Python
Windows下安装python2和python3多版本教程
2017/03/30 Python
python绘制圆柱体的方法
2018/07/02 Python
完美解决Python matplotlib绘图时汉字显示不正常的问题
2019/01/29 Python
Python简直是万能的,这5大主要用途你一定要知道!(推荐)
2019/04/03 Python
python 如何在测试中使用 Mock
2021/03/01 Python
美国职棒大联盟官方网上商店:MLBShop.com
2017/11/12 全球购物
英国打印机墨盒销售网站:Ink Factory
2019/10/07 全球购物
Pamela Love官网:纽约设计师Pamela Love的精美、时尚和穿孔珠宝
2020/10/19 全球购物
一些高难度的SQL面试题
2016/11/29 面试题
品学兼优的大学生自我评价
2013/09/20 职场文书
中学生团员自我评价分享
2013/12/07 职场文书
护士优质服务演讲稿
2014/08/26 职场文书
产品陈列协议书(标准版)
2014/09/17 职场文书
2014党员民主评议个人思想剖析发言
2014/09/19 职场文书
2014年幼儿园工作总结
2014/11/10 职场文书
如何写通讯稿
2015/07/22 职场文书
深度好文:50条没人告诉你的人生经验,句句精辟
2019/08/22 职场文书
Python如何识别银行卡卡号?
2021/06/10 Python
Elasticsearch 聚合查询和排序
2022/04/19 Python