对于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 相关文章推荐
Track Image Loading效果代码分析
Aug 13 Javascript
文本框获得焦点和失去焦点的判断代码
Mar 18 Javascript
Extjs 3.3切换tab隐藏相应工具栏出现空白解决
Apr 02 Javascript
jQuery .attr()和.removeAttr()方法操作元素属性示例
Jul 16 Javascript
基于jQuery实现在线选座之高铁版
Aug 24 Javascript
JS+CSS实现大气清新的滑动菜单效果代码
Oct 22 Javascript
jQuery表单事件实例代码分享
Aug 18 Javascript
详解jQuery lazyload 懒加载
Dec 19 Javascript
JavaScript动态绑定详解
Sep 14 Javascript
jquery ajaxfileupload异步上传插件
Nov 21 jQuery
详解Vue CLI 3.0脚手架如何mock数据
Nov 23 Javascript
JQuery通过键盘控制键盘按下与松开触发事件
Aug 07 jQuery
静态页面实现 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
Laravel中日期时间处理包Carbon的简单使用
2017/09/21 PHP
在laravel-admin中列表中禁止某行编辑、删除的方法
2019/10/03 PHP
不错的一个日期输入 动态
2006/11/06 Javascript
基于jquery实现的一个选择中国大学的弹框 (数据、步骤、代码)
2012/07/26 Javascript
动态标签 悬停效果 延迟加载示例代码
2013/11/21 Javascript
解析JavaScript中的不可见数据类型
2013/12/02 Javascript
浅谈javascript中基本包装类型
2015/06/03 Javascript
JavaScript获取当前运行脚本文件所在目录的方法
2016/02/03 Javascript
JavaScript操作选择对象的简单实例
2016/05/16 Javascript
jQuery中选择器的基础使用教程
2016/05/23 Javascript
浅析JavaScript的几种Math函数,random(),ceil(),round(),floor()
2016/12/22 Javascript
详解vue移动端日期选择组件
2018/02/22 Javascript
JavaScript代码实现txt文件的上传预览功能
2018/03/27 Javascript
微信小程序实现人脸识别
2018/05/25 Javascript
vuejs router history 配置到iis的方法
2018/09/20 Javascript
JavaScript定时器设置、使用与倒计时案例详解
2019/07/08 Javascript
利用React高阶组件实现一个面包屑导航的示例
2020/08/23 Javascript
Python使用scrapy采集数据时为每个请求随机分配user-agent的方法
2015/04/08 Python
详解Python中的strftime()方法的使用
2015/05/22 Python
python实现批量监控网站
2016/09/09 Python
用Python下载一个网页保存为本地的HTML文件实例
2018/05/21 Python
python微元法计算函数曲线长度的方法
2018/11/08 Python
python连接PostgreSQL过程解析
2020/02/09 Python
Python多线程threading创建及使用方法解析
2020/06/17 Python
一套C#面试题
2013/10/09 面试题
Python里面如何实现tuple和list的转换
2012/06/13 面试题
秋季运动会活动方案
2014/02/05 职场文书
授权委托书格式模板
2014/04/03 职场文书
协议书怎么写
2014/04/21 职场文书
幼儿园社区活动总结
2014/07/07 职场文书
群众路线个人对照检查材料
2014/09/23 职场文书
幼儿园卫生保健制度
2015/08/05 职场文书
用javascript制作qq注册动态页面
2021/04/14 Javascript
MySQL 如何限制一张表的记录数
2021/09/14 MySQL
JavaScript ES6的函数拓展
2022/01/18 Javascript
MySQL数据库实验之 触发器和存储过程
2022/06/21 MySQL