对于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 应用 JQuery.groupTable.js
Dec 15 Javascript
js的onload事件及初始化按钮事件示例代码
Sep 25 Javascript
Jquery EasyUI的添加,修改,删除,查询等基本操作介绍
Oct 11 Javascript
理解javascript中的回调函数(callback)
Sep 02 Javascript
Javascript json object 与string 相互转换的简单实现
Sep 27 Javascript
vue中如何引入jQuery和Bootstrap
Apr 10 jQuery
Angular2 组件通信的实例代码
Jun 23 Javascript
js移动端图片压缩上传功能
Aug 18 Javascript
js动态引入的四种方法
May 05 Javascript
apicloud拉起小程序并传递参数的方法示例
Nov 21 Javascript
bootstrap 日期控件 datepicker被弹出框dialog覆盖的解决办法
Jul 09 Javascript
javascript中undefined的本质解析
Jul 31 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
zf框架db类的分页示例分享
2014/03/14 PHP
php上传大文件失败的原因及应对策略
2015/10/20 PHP
详解WordPress中给链接添加查询字符串的方法
2015/12/18 PHP
Laravel框架实现model层的增删改查(CURD)操作示例
2018/05/12 PHP
PHPStorm2020.1永久激活及下载更新至2020(推荐)
2020/09/25 PHP
setAttribute 与 class冲突解决
2008/02/17 Javascript
javascript循环变量注册dom事件 之强大的闭包
2010/09/08 Javascript
File, FileReader 和 Ajax 文件上传实例分析(php)
2011/04/27 Javascript
JS匀速运动演示示例代码
2013/11/26 Javascript
JS获取URL中的参数数据
2013/12/05 Javascript
浅谈jQuery中setInterval()方法
2015/07/07 Javascript
javascript实现获取浏览器版本、浏览器类型
2015/12/02 Javascript
JavaScript SHA1加密算法实现详细代码
2016/10/06 Javascript
Vue组件库发布到npm详解
2018/02/17 Javascript
Vue props 单向数据流的实现
2018/11/06 Javascript
使用Promise封装小程序wx.request的实现方法
2019/11/13 Javascript
python实现随机梯度下降(SGD)
2020/03/24 Python
浅析python的优势和不足之处
2018/11/20 Python
Python3实现爬取简书首页文章标题和文章链接的方法【测试可用】
2018/12/11 Python
Python3.5实现的三级菜单功能示例
2019/03/25 Python
python实现统计代码行数的小工具
2019/09/19 Python
keras实现theano和tensorflow训练的模型相互转换
2020/06/19 Python
什么是python的函数体
2020/06/19 Python
如何基于Python Matplotlib实现网格动画
2020/07/20 Python
CSS3实例分享--超炫checkbox复选框和radio单选框
2014/09/01 HTML / CSS
Vrbo英国:预订度假屋
2020/08/19 全球购物
毕业生求职简历的自我评价
2013/10/23 职场文书
简历自我评价怎么写好呢?
2014/01/04 职场文书
打架检讨书300字
2014/02/02 职场文书
法律进社区实施方案
2014/03/21 职场文书
售后客服个人自我评价
2014/09/14 职场文书
2014学习优秀共产党员先进事迹思想汇报
2014/09/14 职场文书
萤火虫之墓观后感
2015/06/05 职场文书
农贸批发市场管理制度
2015/08/07 职场文书
Python机器学习之逻辑回归
2021/05/11 Python
使用react-virtualized实现图片动态高度长列表的问题
2021/05/28 Javascript