对于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 相关文章推荐
MyEclipse取消验证Js的两种方法
Nov 14 Javascript
JS实现网页滚动条感应鼠标变色的方法
Feb 26 Javascript
Javascript类型转换的规则实例解析
Feb 23 Javascript
点击页面任何位置隐藏div的实现方法
Sep 05 Javascript
JavaScript输入框字数实时统计更新
Jun 17 Javascript
如何解决vue2.0下IE浏览器白屏问题
Sep 13 Javascript
Swiper.js实现移动端元素左右滑动
Sep 08 Javascript
vue点击页面空白处实现保存功能
Nov 06 Javascript
vue基本使用--refs获取组件或元素的实例
Nov 07 Javascript
vant 自定义 van-dropdown-item的用法
Aug 05 Javascript
ES6 十大特性简介
Dec 09 Javascript
AJAX引擎原理以及XmlHttpRequest对象的axios、fetch区别详解
Apr 09 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
PHP中动态显示签名和ip原理
2007/03/28 PHP
php 注册时输入信息验证器的实现详解
2013/07/05 PHP
php实现的支持断点续传的文件下载类
2014/09/23 PHP
JavaScript 继承详解(四)
2009/07/13 Javascript
jQuery html()等方法介绍
2009/11/18 Javascript
用JS写的一个TableView控件代码
2010/01/23 Javascript
原生javascript实现图片轮播效果代码
2010/09/03 Javascript
一些主流JS框架中DOMReady事件的实现小结
2011/02/12 Javascript
JavaScript实现同步于本地时间的动态时间显示方法
2015/02/02 Javascript
JQuery中DOM事件绑定用法详解
2015/06/13 Javascript
JS基于Ajax实现的网页Loading效果代码
2015/10/27 Javascript
简单实现bootstrap选项卡效果
2017/02/08 Javascript
js实现日期显示的一些操作(实例讲解)
2017/07/27 Javascript
form表单序列化详解(推荐)
2017/08/15 Javascript
two.js之实现动画效果示例
2017/11/06 Javascript
webpack学习教程之前端性能优化总结
2017/12/05 Javascript
js实现弹幕飞机效果
2020/08/27 Javascript
微信小程序实现左滑删除效果
2020/11/18 Javascript
在Python中操作字典之setdefault()方法的使用
2015/05/21 Python
python遍历 truple list dictionary的几种方法总结
2016/09/11 Python
Python逐行读取文件中内容的简单方法
2019/02/26 Python
Django集成CAS单点登录的方法示例
2019/06/10 Python
python中设置超时跳过,超时退出的方式
2019/12/13 Python
python 统计文件中的字符串数目示例
2019/12/24 Python
Windows下实现将Pascal VOC转化为TFRecords
2020/02/17 Python
Python3自定义http/https请求拦截mitmproxy脚本实例
2020/05/11 Python
python用tkinter实现一个简易能进行随机点名的界面
2020/09/27 Python
如何在scrapy中捕获并处理各种异常
2020/09/28 Python
CSS3 Media Queries详细介绍和使用实例
2014/05/08 HTML / CSS
世界上最好的旅行夹克:BauBax
2018/12/23 全球购物
金融专业个人求职信
2013/09/22 职场文书
中药学专业毕业生推荐信
2014/07/10 职场文书
2014年国庆节广播稿
2014/09/19 职场文书
2014年职称评定工作总结
2014/11/26 职场文书
中国式结婚:司仪主持词(范文)
2019/07/25 职场文书
Python如何让字典保持有序排列
2022/04/29 Python