对于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 Array对象基础知识小结
Nov 16 Javascript
jquery EasyUI的formatter格式化函数代码
Jan 12 Javascript
在vs2010中调试javascript代码方法
Feb 11 Javascript
ajax不执行success回调而是执行了error回调
Dec 10 Javascript
thinkphp中常用的系统常量和系统变量
Mar 05 Javascript
node.js中的console.warn方法使用说明
Dec 09 Javascript
微信小程序 页面传值详解
Mar 10 Javascript
vue2.x select2 指令封装详解
Oct 12 Javascript
Vue.js做select下拉列表的实例(ul-li标签仿select标签)
Mar 02 Javascript
微信小程序实现保存图片到相册功能
Nov 30 Javascript
vue treeselect获取当前选中项的label实例
Aug 31 Javascript
js之ajax文件上传
May 13 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
oracle资料库函式库
2006/10/09 PHP
从PHP $_SERVER相关参数判断是否支持Rewrite模块
2013/09/26 PHP
php递归函数中使用return的注意事项
2014/01/17 PHP
PHP识别二维码的方法(php-zbarcode安装与使用)
2016/07/07 PHP
php实现批量删除挂马文件及批量替换页面内容完整实例
2016/07/08 PHP
PHP里的$_GET数组介绍
2019/03/22 PHP
phpstudy后门rce批量利用脚本的实现
2019/12/12 PHP
jQuery点击后一组图片左右滑动的实现代码
2012/08/16 Javascript
转换字符串为json对象的方法详解
2013/11/29 Javascript
JS中Date日期函数中的参数使用介绍
2014/01/02 Javascript
javascript实现的右下角弹窗实例
2015/04/24 Javascript
js如何实现淡入淡出效果
2020/11/18 Javascript
javascript使用Promise对象实现异步编程
2016/03/01 Javascript
详解AngularJS过滤器的使用
2016/03/11 Javascript
JavaScript 闭包机制详解及实例代码
2016/10/10 Javascript
vue音乐播放器插件vue-aplayer的配置及其使用实例详解
2017/07/10 Javascript
微信小程序调用天气接口并且渲染在页面过程详解
2019/06/24 Javascript
如何利用vue实现波谱拟合详解
2020/11/05 Javascript
[12:21]VICI vs TNC (BO3)
2018/06/07 DOTA
python连接sql server乱码的解决方法
2013/01/28 Python
Django框架的使用教程路由请求响应的方法
2018/07/03 Python
python pexpect ssh 远程登录服务器的方法
2019/02/14 Python
Python Flask框架模板操作实例分析
2019/05/03 Python
对python3中的RE(正则表达式)-详细总结
2019/07/23 Python
如何运行带参数的python脚本
2019/11/15 Python
Python实现隐马尔可夫模型的前向后向算法的示例代码
2019/12/31 Python
Jupyter安装拓展nbextensions及解决官网下载慢的问题
2021/03/03 Python
CSS3 新增选择器的实例
2019/11/13 HTML / CSS
html5 css3实例教程 一款html5和css3实现的小机器人走路动画
2014/10/20 HTML / CSS
Canvas多边形绘制的实现方法
2019/08/05 HTML / CSS
ET Mall东森购物网:东森严选
2017/03/06 全球购物
行政处罚事先告知书
2015/07/01 职场文书
中秋节作文(五年级)之关于月亮
2019/09/11 职场文书
深入理解Vue的数据响应式
2021/05/15 Vue.js
总结Python变量的相关知识
2021/06/28 Python
Python 快速验证代理IP是否有效的方法实现
2021/07/15 Python