对于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 相关文章推荐
javascript 动态生成私有变量访问器
Dec 06 Javascript
JS学习之一个简易的日历控件
Mar 24 Javascript
jQuery的Ajax时无响应数据的解决方法
May 25 Javascript
JavaScript中的类继承
Nov 25 Javascript
AngularJS中使用HTML5手机摄像头拍照
Feb 22 Javascript
ionic 上拉菜单(ActionSheet)实例代码
Jun 06 Javascript
JS简单实现禁止访问某个页面的方法
Sep 13 Javascript
ES6新增的math,Number方法
Aug 06 Javascript
inquirer.js一个用户与命令行交互的工具详解
May 18 Javascript
ES6 async、await的基本使用方法示例
Jun 06 Javascript
vue中jsonp插件的使用方法示例
Sep 10 Javascript
iview实现动态表单和自定义验证时间段重叠
Jan 10 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
学习thinkphp5.0验证类使用方法
2017/11/16 PHP
PHP $O00OO0=urldecode &amp; eval 解密,记一次商业源码的去后门
2020/09/13 PHP
LazyForm jQuery plugin 定制您的CheckBox Radio和Select
2009/10/24 Javascript
纯JS实现五子棋游戏兼容各浏览器(附源码)
2013/04/24 Javascript
解析javascript 数组以及json元素的添加删除
2013/06/26 Javascript
jquery ajax的success回调函数中实现按钮置灰倒计时
2013/11/19 Javascript
IE6浏览器中window.location.href无效的解决方法
2014/11/20 Javascript
js实现绿白相间竖向网页百叶窗动画切换效果
2015/03/02 Javascript
jQuery随手笔记之常用的jQuery操作DOM事件
2015/11/29 Javascript
jQuery实现移动端滑块拖动选择数字效果
2015/12/24 Javascript
javascript实现数组去重的多种方法
2016/03/14 Javascript
使用BootStrap建立响应式网页——通栏轮播图(carousel)
2016/12/21 Javascript
jquery Ajax 全局调用封装实例详解
2017/01/16 Javascript
Bootstrap 过渡效果Transition 模态框(Modal)
2017/03/17 Javascript
通过构造函数实例化对象的方法
2017/06/28 Javascript
微信小程序联网请求的轮播图
2017/07/07 Javascript
node 利用进程通信实现Cluster共享内存
2017/10/27 Javascript
vue与vue-i18n结合实现后台数据的多语言切换方法
2018/03/08 Javascript
vue-cli脚手架引入弹出层layer插件的几种方法
2019/06/24 Javascript
小程序实现短信登录倒计时
2019/07/12 Javascript
JavaScript复制变量三种方法实例详解
2020/01/09 Javascript
echarts实现获取datazoom的起始值(包括x轴和y轴)
2020/07/20 Javascript
[26:50]2018完美盛典DOTA2表演赛
2018/12/17 DOTA
Python 自动刷博客浏览量实例代码
2017/06/14 Python
使用python在本地电脑上快速处理数据
2017/06/22 Python
对numpy.append()里的axis的用法详解
2018/06/28 Python
详解Python3序列赋值、序列解包
2019/05/14 Python
pycharm修改file type方式
2019/11/19 Python
汽车专业人才自我鉴定范文
2013/12/29 职场文书
中班中秋节活动反思
2014/02/18 职场文书
电焊工岗位职责
2014/03/06 职场文书
倡议书范文
2014/04/16 职场文书
感情真挚的毕业生求职信
2014/07/19 职场文书
2014年帮扶工作总结
2014/11/26 职场文书
小学生交通安全寄语
2015/02/27 职场文书
预备党员群众意见
2015/06/01 职场文书