对于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 相关文章推荐
如何简单地用YUI做JavaScript动画
Mar 10 Javascript
JavaScript语法着色引擎(demo及打包文件下载)
Jun 13 Javascript
JS获取URL中的参数数据
Dec 05 Javascript
不要使用jQuery触发原生事件的方法
Mar 03 Javascript
jQuery实现鼠标点击弹出渐变层的方法
Jul 09 Javascript
jQuery原生的动画效果
Jul 10 Javascript
JavaScript程序中的流程控制语句用法总结
May 23 Javascript
原生js实现秒表计时器功能
Feb 16 Javascript
分分钟玩转Vue.js组件(二)
Mar 01 Javascript
详解如何实现一个简单的Node.js脚手架
Dec 04 Javascript
微信实现自动跳转到用其他浏览器打开指定APP下载
Feb 15 Javascript
npm的lock机制解析
Jun 20 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面向对象分析设计的经验原则
2008/09/20 PHP
基于PHP开发中的安全防范知识详解
2013/06/06 PHP
PHP与MYSQL中UTF8编码的中文排序实例
2014/10/21 PHP
PHP之十六个魔术方法详细介绍
2016/11/01 PHP
ThinkPHP中create()方法自动验证实例
2017/04/26 PHP
解析 thinkphp 框架中的部分方法
2017/05/07 PHP
PHP截取发动短信内容的方法
2017/07/04 PHP
var与Javascript变量隐式声明
2009/09/17 Javascript
js拦截alert对话框另类应用
2013/01/16 Javascript
iPhone手机上搭建nodejs服务器步骤方法
2015/07/06 NodeJs
js实现文本框宽度自适应文本宽度的方法
2015/08/13 Javascript
关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别
2015/10/12 Javascript
JS常用倒计时代码实例总结
2017/02/07 Javascript
jQuery用noConflict代替$的实现方法
2017/04/12 jQuery
利用vue+elementUI实现部分引入组件的方法详解
2017/11/22 Javascript
如何使用electron-builder及electron-updater给项目配置自动更新
2018/12/24 Javascript
详解vuejs2.0 select 动态绑定下拉框支持多选
2019/04/25 Javascript
详解django模板与vue.js冲突问题
2019/07/07 Javascript
微信小程序 Storage更新详解
2019/07/16 Javascript
layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子
2019/09/11 Javascript
微信小程序封装多张图片上传api代码实例
2019/12/30 Javascript
详解vue中v-on事件监听指令的基本用法
2020/07/22 Javascript
探究Python多进程编程下线程之间变量的共享问题
2015/05/05 Python
在Python中操作文件之read()方法的使用教程
2015/05/24 Python
对python借助百度云API对评论进行观点抽取的方法详解
2019/02/21 Python
Python TCPServer 多线程多客户端通信的实现
2019/12/31 Python
基于Python中random.sample()的替代方案
2020/05/23 Python
2014小学植树节活动总结
2014/03/10 职场文书
幼儿园清明节活动总结
2014/07/04 职场文书
光学与应用专业毕业生求职信
2014/09/01 职场文书
店铺转让协议书(2014版)
2014/09/23 职场文书
在教室放鞭炮的检讨书
2014/09/28 职场文书
常务副县长“四风”个人对照检查材料思想汇报
2014/10/02 职场文书
党员组织生活会发言材料
2014/10/17 职场文书
2014年护士长工作总结
2014/11/11 职场文书
2015新教师教学工作总结
2015/07/22 职场文书