对于input 框限定输入值为浮点型的js代码

在一些项目中，比如金额用到浮点型，对于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代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • Angularjs中的验证input输入框只能输入数字和小数点的写法（推荐）

    把js的验证方法改成angular可使用的方法 AngularJS文件的写法: $scope.clearNoNum = function(obj,attr){ //先把非数字的都替换掉,除了数字和. obj[attr] = obj[attr].replace(/[^\d.]/g,""); //必须保证第一个为数字而不是. obj[attr] = obj[attr].replace(/^\./g,""); //保证只有出现一个.而没有多个. obj[attr] = o

  • JS获得多个同name 的input输入框的值的实现方法

    先看下基于JS代码实现input密码输入框输入密码变黑点密文.具体代码如下所示: html代码 <form id="login-form" method="post" onsubmit="return checkForm()"> 输入密码<input type="password" id="input-password"> <input type="hidden&qu

  • JS中input表单隐藏域及其使用方法

    一.表单隐藏域 隐藏域是用来收集或发送信息的不可见元素,对于网页的访问者来说,隐藏域是看不见的.当表单被提交时,隐藏域就会将信息用你设置时定义的名称和值发送到服务器上. 代码格式: <input type="hidden" name="..." value="..."> 属性解释: type="hidden"定义隐藏域: name属性定义隐藏域的名称,要保证数据的准确采集,必须定义一个独一无二的名称: value属

  • JS验证input输入框（字母，数字，符号，中文）

    只能输入英文 <input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')"> 只能输入英文 <input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" onkeydown="fncKeyStop(event)" onpaste="r

  • JS表单提交验证、input（type=number） 去三角 刷新验证码

    JS表单提交验证、input（type=number） 去三角 刷新验证码

    在进行表单提交时,需要对输入框和文本域等的value的合理性进行验证,可以编写form的onSubmit事件,代码,踩过的坑:注意点: 1.只有通过form里面的 <button type="submit" >提交</button>进行表单的提交才会触发form的onSubmit事件,如果是通过button的onclick事件进行表单提交则不会触发form的onSubmit事件 2. onSubmit事件的正确写法是:<form action="

  • js监听input输入框值的实时变化实例

    1.在元素上同时绑定 oninput 和onporpertychanger事件 例: <script type="text/JavaScript"> function aa(e){alert("inputting!!");} </script> <input type="text" id="a" oninput="aa(event)" onporpertychange=&quo

  • javascript input输入框模糊提示功能的实现

    javascript input输入框模糊提示功能的实现

    javascript input输入框模糊提示功能的实现 主要用到了jQuery.autocomplete函数,定义好一个数组就可以用这个功能了,很方便. <!doctype html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothne

  • 对于input 框限定输入值为浮点型的js代码

    在一些项目中,比如金额用到浮点型,对于input  限定可以参考以下 <input type="text" value="" onkeyup="only_num(this)" onblur="only_num(this)"> <script> function only_num(obj){ //得到第一个字符是否为负号 var num = obj.value.charAt(0); //先把非数字的都替换

  • 当鼠标滑过文本框自动选中输入框内容的JS代码分享

    复制代码 代码如下: <html><head><title>响应鼠标自动选中文本框内容</title></head><body><input id="a" type="text" value="请输入搜索词" onmouseover="selectInputContent(this.id)"/><script type="tex

  • 文本框中,回车键触发事件的js代码[多浏览器兼容]

    判断是否按下的为回车非常简单: 复制代码 代码如下: function EnterPress(){ if(event.keyCode == 13){ ... } } IE6的onkeypress会接受"回车事件",而onkeydown不会接受 IE8的onkeypress不会接受"回车事件",而onkeydown会接受 ...不用纠结于此,两个都写上吧 复制代码 代码如下: <input type="text" onkeypress=&qu

  • 限制复选框的最大可选数的js代码

    在一些网页应用中,就比如在投票系统中,当我们进行的是多项投票时,我们要求用户最多只能选择几项进行投票,这也是就是说选择复选框的个数最多几个. 那么如何设置这最多的几个,我们就需要做些简单的脚本处理.以下代码均转摘自互联网,作者不详. 比如如下的代码则解决了相关问题: A B C D E F G H I J [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 改代码最需要注意的是 //checkbox元素的名字前缀,本例为sample1,sample2,sample3... var sCt

  • 限制文本框输入N个字符的js代码

    所以要做的就是 1. 首先区分出来是两个字节的字符还是一个字节的字符: 2. 使用charCodeAt和String.fromCharCode即可进行相互转换. 代码如下: 复制代码 代码如下: function validatePostponeValue(obj, objLength) { var executeResult = false; var value = obj.value; var byteLen=0,len=value.length; var newValue = ""

  • 微信小程序登录时如何获取input框中的内容

    这篇文章主要介绍了微信小程序登录时如何获取input框中的内容,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 最近写小程序项目遇到一些问题,今天整理下这些问题的解决方法,希望对用户有帮助.下面是登录页,点击登录时获取input框中的值, 效果如下: wxml布局如下: <view > <input type="text" placeholder-style="color:#fff;" bindin

  • vue项目element UI input框扫码枪扫描过快出现数据丢失问题及解决方案

    目录 项目需求: 解决方案探索 错误代码: 问题就出在 解决方法 完整代码 如下 项目需求: 输入框要掉两个接口,根据第一个验证接口返回的code,弹不同的框,点击弹框确认再掉第二个接口 根据客户现场反应,扫描枪快速扫描会出现 料号前几位字符丢失 不完整的问题.于是开始了测试之路. 解决方案探索 1.首先考虑 ,可能是因为扫描过快,服务端接口还没返回过来,输入框就已经清空了值 导致条码有丢失字符的现象,所以我这边做了一个缓存,将输入框的值存到一个数组中去,定时上传到接口. [x]2.考虑到可能是

  • Angular限制input框输入金额（是小数的话只保留两位小数点）

    需求 输入框要求输入金额,只能输入数字,可以是小数,必须保留小数点后两位. js判断部分: checkInput: function (event) { var id = event.target.getAttribute("id");//获取input的id var reg = /^[-?\d]+(.)?(\d{1,2})?/;//匹配正则while(!reg.test(('#' + id).val()) && ('#' + id).val() != "&q

  • 让input框实现类似百度的搜索提示(基于jquery事件监听)

    让input框实现类似百度的搜索提示(基于jquery事件监听)

    挺炫的一个效果,百度和谷歌好像已实现好多年了,我以为在网上能轻易找到代码来实现这个效果.真正遇到这个需求,发现还真找不到.于是自己动手写这个效果,由于我是把效果整合到我的整套框架里,所以没有进行单独的封装. 需求:实现带提示的input框,类似百度搜索,有改动的时候去获取常用关键词,数据来源于系统数据库,支持鼠标选择或键盘选择 思路:框架一贯思路,通过class作为监听入口,通过data作为数据传递:通过监听input和propertychange事件实现实时的改动监听,input是主流,pro

  • 基于input框覆盖掉数字英文的实例讲解

    例子1: <input type="text" value="0" onkeyup="cleartwoNum(this)"> //限制input框输入只能数字: function cleartwoNum(obj) { obj.value = obj.value.replace(/[^\d]/g, ''); } 例子2:可以输入金额 <input type="text" value="0"

随机推荐