对于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 相关文章推荐
js 数组实现一个类似ruby的迭代器
Oct 27 Javascript
boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
Nov 21 Javascript
动态加载dtree.js树treeview(示例代码)
Dec 17 Javascript
javascript 动态创建表格的2种方法总结
Mar 04 Javascript
遮罩层点击按钮弹出并且具有拖动和关闭效果(两种方法)
Aug 20 Javascript
JavaScript判断变量是否为数组的方法(Array)
Feb 24 Javascript
浅谈React Native 中组件的生命周期
Sep 08 Javascript
基于对象合并功能的实现示例
Oct 10 Javascript
vue-cli的工程模板与构建工具详解
Sep 27 Javascript
详解Vue底部导航栏组件
May 02 Javascript
vue新建项目并配置标准路由过程解析
Dec 09 Javascript
微信小程序自定义纯净模态框(弹出框)的实例代码
Mar 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的FTP学习(一)
2006/10/09 PHP
用php+mysql一个名片库程序
2006/10/09 PHP
php中使用explode查找某个字符是否存在的方法
2011/07/12 PHP
使用PHP强制下载PDF文件示例
2014/01/17 PHP
PHP strip_tags保留多个HTML标签的方法
2016/05/22 PHP
php利用ZipArchive类操作文件的实例
2020/01/21 PHP
php 多进程编程父进程的阻塞与非阻塞实例分析
2020/02/22 PHP
php实现微信和支付宝支付的示例代码
2020/08/11 PHP
在IE下:float属性会影响offsetTop的取值
2006/12/22 Javascript
JQuery获取或设置ckeditor的数据(示例代码)
2013/11/15 Javascript
javascript 表格内容排序 简单操作示例代码
2014/01/03 Javascript
jQuery实现隔行背景色变色
2014/11/24 Javascript
JavaScript中的Truthy和Falsy介绍
2015/01/01 Javascript
60行js代码实现俄罗斯方块
2015/03/31 Javascript
jquery及js实现动态加载js文件的方法
2016/01/21 Javascript
jQuery AJAX timeout 超时问题详解
2016/06/21 Javascript
js判断checkbox是否选中个数的方法(超简单)
2016/08/19 Javascript
微信小程序 基础知识css样式media标签
2017/02/15 Javascript
浅谈Vue路由快照实现思路及其问题
2018/06/07 Javascript
微信小程序实现省市区三级地址选择
2020/06/21 Javascript
详解Vue iview IE浏览器不兼容报错(Iview Bable polyfill)
2019/01/07 Javascript
js中的深浅拷贝问题简析
2019/05/10 Javascript
vuex管理状态 刷新页面保持不被清空的解决方案
2019/11/11 Javascript
JS原型对象操作实例分析
2020/06/06 Javascript
python email smtplib模块发送邮件代码实例
2018/04/26 Python
python实现输入的数据在地图上生成热力图效果
2019/12/06 Python
微软日本官方网站:Microsoft日本
2017/11/26 全球购物
证婚人搞笑证婚词
2014/01/10 职场文书
科研先进个人典型材料
2014/01/31 职场文书
房地产广告词大全
2014/03/19 职场文书
企业消防安全责任书
2014/07/23 职场文书
上班时间打瞌睡检讨书
2014/09/26 职场文书
以权谋私检举信范文
2015/03/02 职场文书
读《推着妈妈去旅行》有感1500字
2019/10/15 职场文书
解决Go gorm踩过的坑
2021/04/30 Golang
MySQL的InnoDB存储引擎的数据页结构详解
2022/03/03 MySQL