对于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 可拖动列表实现代码
Dec 13 Javascript
浅析JQuery获取和设置Select选项的常用方法总结
Jul 04 Javascript
jQuery的load()方法及其回调函数用法实例
Mar 25 Javascript
浅谈js和css内联外联注意事项
Jun 30 Javascript
js实现四舍五入完全保留两位小数的方法
Aug 02 Javascript
详解angular2实现ng2-router 路由和嵌套路由
Mar 24 Javascript
vue 之 css module的使用方法
Dec 04 Javascript
js中null与空字符串&quot;&quot;的区别讲解
Jan 17 Javascript
VUE实现强制渲染,强制更新
Oct 29 Javascript
vue双向绑定数据限制长度的方法
Nov 04 Javascript
基于vue与element实现创建试卷相关功能(实例代码)
Dec 07 Vue.js
JavaScript函数柯里化
Nov 07 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引用地址改变变量值的问题
2012/03/23 PHP
分享一个PHP数据流应用的简单例子
2012/06/01 PHP
php中base_convert()进制数字转换函数实例
2014/11/20 PHP
PHP连接MSSQL时nvarchar字段长度被截断为255的解决方法
2014/12/25 PHP
javascript 检测浏览器类型和版本的代码
2009/09/15 Javascript
JavaScript Event事件学习第一章 Event介绍
2010/02/07 Javascript
JavaScript 面向对象编程(2) 定义类
2010/05/18 Javascript
json对象转字符串如何实现
2012/12/02 Javascript
收集json解析的四种方法分享
2014/01/17 Javascript
nodejs中操作mysql数据库示例
2014/12/20 NodeJs
JavaScript检测浏览器cookie是否已经启动的方法
2015/02/27 Javascript
JS简单实现String转Date的方法
2016/03/02 Javascript
javascript验证内容为数字以及长度为10的简单实例
2016/08/20 Javascript
JS函数修改html的元素内容,及修改属性内容的方法
2016/10/28 Javascript
解决给dom元素绑定click等事件无效问题的方法
2017/02/17 Javascript
详解React 在服务端渲染的实现
2017/11/16 Javascript
vue使用$emit时,父组件无法监听到子组件的事件实例
2018/02/26 Javascript
解决Vue打包之后文件路径出错的问题
2018/03/06 Javascript
微信小程序修改swiper默认指示器样式的实例代码
2018/07/18 Javascript
Vue watch响应数据实现方法解析
2020/07/10 Javascript
简单了解vue 插值表达式Mustache
2020/07/22 Javascript
浏览器JavaScript调试功能无法使用解决方案
2020/09/18 Javascript
[52:22]EG vs VG Supermajor小组赛B组 BO3 第一场 6.2
2018/06/03 DOTA
Python3调用微信企业号API发送文本消息代码示例
2017/11/10 Python
CSS3打造磨砂玻璃背景效果
2016/09/28 HTML / CSS
HTML5 表单验证失败的提示语问题
2017/07/13 HTML / CSS
html5使用canvas实现弹幕功能示例
2017/09/11 HTML / CSS
英国家庭家具、照明和花园家具购物网站:Furniture123
2018/12/31 全球购物
运动会闭幕式解说词
2014/02/21 职场文书
幼儿园中班区域活动总结
2014/07/09 职场文书
2014年大学生党员评议表自我评价
2014/09/20 职场文书
群众路线个人对照检查材料
2014/09/23 职场文书
见习报告的格式
2014/10/31 职场文书
现实表现材料范文
2014/12/23 职场文书
javascript实现计算器功能详解流程
2021/11/01 Javascript
日本官方排名前10的动漫,名侦探柯南上榜,第一是一部创造历史的动漫
2022/03/18 日漫