对于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 相关文章推荐
jQuery之尺寸调整组件的深入解析
Jun 19 Javascript
js jquery ajax的几种用法总结(及优缺点介绍)
Jan 28 Javascript
Node.js中 __dirname 的使用介绍
Jun 19 Javascript
Angular4开发解决跨域问题详解
Aug 28 Javascript
用Node编写RESTful API接口的示例代码
Jul 04 Javascript
jQuery实现鼠标移入移出事件切换功能示例
Sep 06 jQuery
React Router V4使用指南(精讲)
Sep 17 Javascript
JS+html5实现异步上传图片显示上传文件进度条功能示例
Nov 09 Javascript
Node在Controller层进行数据校验的过程详解
Aug 28 Javascript
JS性能优化实现方法及优点进行
Aug 30 Javascript
Javascript Symbol原理及使用方法解析
Oct 22 Javascript
js实现模拟购物商城案例
May 18 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
《神奇女侠:血脉》神力女超人大战犯罪公司
2020/04/09 欧美动漫
PHP实现大数(浮点数)取余的方法
2017/02/18 PHP
php json转换相关知识(小结)
2018/12/21 PHP
PHP中的访问修饰符简单比较
2019/02/02 PHP
php使用scandir()函数扫描指定目录下所有文件示例
2019/06/08 PHP
Laravel 之url参数,获取路由参数的例子
2019/10/21 PHP
Javascript客户端将指定区域导出到Word、Excel的代码
2008/10/22 Javascript
JavaScript 常用函数库详解
2009/10/21 Javascript
利用location.hash实现跨域iframe自适应
2010/05/04 Javascript
jquery select(列表)的操作(取值/赋值)
2011/03/16 Javascript
JavaScript中window、doucment、body的解释
2013/08/14 Javascript
七个很有意思的PHP函数
2014/05/12 Javascript
js实现点击链接后窗口缩小并居中的方法
2015/03/02 Javascript
vue-cli项目中怎么使用mock数据
2017/09/27 Javascript
javascript实现自由编辑图片代码详解
2019/06/21 Javascript
Vue+webpack实现懒加载过程解析
2020/02/17 Javascript
javascript-hashchange事件和历史状态管理实例分析
2020/04/18 Javascript
JS如何实现在弹出窗口中加载页面
2020/12/03 Javascript
[42:04]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#3Secret VS OG第一局
2016/03/03 DOTA
[32:30]夜魇凡尔赛茶话会 第一期01:谁是卧底
2021/03/11 DOTA
python下函数参数的传递(参数带星号的说明)
2010/09/19 Python
Mac 上切换Python多版本
2017/06/17 Python
深入浅出分析Python装饰器用法
2017/07/28 Python
Python发送http请求解析返回json的实例
2018/03/26 Python
PyQt5重写QComboBox的鼠标点击事件方法
2019/06/25 Python
windows10环境下用anaconda和VScode配置的图文教程
2020/03/30 Python
Python爬取你好李焕英豆瓣短评生成词云的示例代码
2021/02/24 Python
Crocs卡骆驰洞洞鞋日本官方网站:Crocs日本
2016/08/25 全球购物
Ajax主要包含了哪些技术
2014/06/12 面试题
会计职业生涯规划书
2014/01/13 职场文书
制药工程专业个人求职自荐信
2014/01/25 职场文书
办公室人员先进事迹
2014/01/27 职场文书
安全在我心中演讲稿
2014/09/01 职场文书
致运动员加油稿
2015/07/21 职场文书
Python超详细分步解析随机漫步
2022/03/17 Python
Python线程池与GIL全局锁实现抽奖小案例
2022/04/13 Python