对于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 相关文章推荐
JavaScript中跨域调用Flash的方法
Aug 11 Javascript
JS简单实现动画弹出层效果
May 05 Javascript
javascript常用正则表达式汇总
Jul 31 Javascript
javascript新闻跑马灯实例代码
Jul 29 Javascript
Vue.js组件tree实现省市多级联动
Dec 02 Javascript
Bootstrap 过渡效果Transition 模态框(Modal)
Mar 17 Javascript
使用jQuery实现鼠标点击左右按钮滑动切换
Aug 04 jQuery
vue实现仿淘宝结账页面实例代码
Nov 08 Javascript
基于vue-cli搭建多模块且各模块独立打包的项目
Jun 12 Javascript
JavaScript表格隔行变色和Tab标签页特效示例【附jQuery版】
Jul 11 jQuery
Vue props中Object和Array设置默认值操作
Jul 30 Javascript
vue点击弹窗自动触发点击事件的解决办法(模拟场景)
May 25 Vue.js
静态页面实现 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
采用thinkphp自带方法生成静态html文件详解
2014/06/13 PHP
PHP操作MongoDB实现增删改查功能【附php7操作MongoDB方法】
2018/04/24 PHP
ExtJS 2.0实用简明教程 之ExtJS版的Hello
2009/04/29 Javascript
JS编程小常识很有用
2012/11/26 Javascript
jQuery中校验时间格式的正则表达式小结
2013/09/22 Javascript
jquery attr方法获取input的checked属性问题
2014/05/26 Javascript
Javascript中的delete操作符详细介绍
2014/06/06 Javascript
jQuery判断对象是否存在的方法
2015/02/05 Javascript
javascript实现连续赋值
2015/08/10 Javascript
图文详解Heap Sort堆排序算法及JavaScript的代码实现
2016/05/04 Javascript
基于chosen插件实现人员选择树搜索自动筛选功能
2016/09/24 Javascript
如何在Angular.JS中接收并下载PDF
2016/11/26 Javascript
jQuery实现可拖拽3D万花筒旋转特效
2017/01/03 Javascript
简单实现nodejs上传功能
2017/01/14 NodeJs
Vue 2.0中生命周期与钩子函数的一些理解
2017/05/09 Javascript
Node.js中你不可不精的Stream(流)
2018/06/08 Javascript
使用vue2.0创建的项目的步骤方法
2018/09/25 Javascript
微信小程序 flexbox layout快速实现基本布局的解决方案
2020/03/24 Javascript
[04:48]DOTA2亚洲邀请赛林书豪为VGJ加油
2017/04/01 DOTA
在Python中处理XML的教程
2015/04/29 Python
Python常见格式化字符串方法小结【百分号与format方法】
2016/09/18 Python
Tensorflow 训练自己的数据集将数据直接导入到内存
2018/06/19 Python
python 3.7.0 下pillow安装方法
2018/08/27 Python
python数据结构学习之实现线性表的顺序
2018/09/28 Python
[原创]Python入门教程1. 基本运算【四则运算、变量、math模块等】
2018/10/28 Python
Python字符串逆序输出的实例讲解
2019/02/16 Python
python中scrapy处理项目数据的实例分析
2020/11/22 Python
用Python实现童年贪吃蛇小游戏功能的实例代码
2020/12/07 Python
css3的@media属性实现页面响应式布局示例代码
2014/02/10 HTML / CSS
项目管理计划书
2014/01/09 职场文书
需求分析说明书
2014/05/09 职场文书
团队队名口号大全
2014/06/06 职场文书
标准毕业生自荐信
2014/06/24 职场文书
大学生个人简历自荐信
2015/03/06 职场文书
安全生产感想
2015/08/07 职场文书
Python find()、rfind()方法及作用
2022/12/24 Python