对于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>

时间: 2024-10-06 12:44:55

对于input 框限定输入值为浮点型的js的相关文章

关于input框的兼容性问题

在H5横行的移动互联网时代中,兼容性的问题往往被大家所遗忘.可以说微软都已经放弃了IE,自然大家也都不是特别关心这些问题.但是客户却不会这么想,因为使用浏览器,浏览网站的人,太多了,以至于甚至于有人使用xp系统,ie6这样的低端版本.为了给用户更好的体验,我们只有选择迁就. 废话说了不少了,下面进入正题. 最近在项目中遇到input框的兼容性问题,经过多方实验,最终解决,特地记下来,以备以后查看,同时方便大家解决问题. 正常input框的css样式,例如: input{display:block

浅谈asp.net通过本机cookie仿百度(google)实现搜索input框自动弹出搜索提示

对于通过用户输入关键词实现自动弹出相关搜索结果,这里本人给两种解决方案,用于两种不同的情形. 常见方法是在数据库里建一个用户搜索关系表,然后通过用户搜索框输入的关键字异步调用数据表中的相关数据,显示在一个隐藏div中. 第二种方式也就是我现在着重讨论的方式,适用于单个用户,基于此用户以往的搜索数据来实现搜索提示功能.技术关键是记录下用户的以往搜索数据,写入cookie,然后页面从用户本机cookie调用数据. ok,下面进入正题.本文主要讲实现步骤,代码可根据自己实际需要更改. 一,如何写入co

input框自动填充内容背景颜色为黄色解决方法

谷歌浏览器input自动填充内容,背景色会是黄色,想改的话: input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset;} 这种方法没有了黄色背景,但是一点击input框还是会变为黄色 input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important;} 这种点击框也不会出现黄色了 还有一种就是关闭自动填充autocomplete="off&q

只允许input框输入数字,输入其他的键的时候,直接不显示的方法

function numInteger(){ if((event.keyCode>=48 && event.keyCode<=57)  || (event.keyCode>=96 && event.keyCode<=105)) { return true; }else if(event.keyCode==8 || event.keyCode==9){     //保留回格键和tab键 return true; }else{ event.returnV

input框中自动展示当前日期 yyyy/mm/dd

直接上代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>input框中自动展示当前日期</title> </head> <body> <input type="text" id="input"> <script>

input框focus时的美化效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>input框的focus美化效果</title> <link href="lt.css" rel="stylesheet" type="text/css"/> <style>

类似input框内最右边添加图标,有清空功能

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <!-- js引入 --> <script type="text/javascript" src="../js/jquery-1.1

发光的input框(纯css实现)

css代码: input{width: 200px;height: 40px;} input.focus{border-color: #08c;box-shadow: 0 0 4px #8bd6fb;transition: all .2s ease-out 0s;} 发光的input框(纯css实现),布布扣,bubuko.com

input框添加图标,代替submit

input框添加图标,代替submit的意思是form表单中,将常规的提交按钮更改成图标,但是图标具有提交的功能 首先,我们先探讨下如何获取图标,我是从阿里巴巴图标库中下载的,因为改版的原因,网上的一些方法并不能保证下载下来完整的代码,所以我来贴一下具体的图片,说明下如何下载代码 进入官网,搜索需要的内容,加入购物车,下载源码步骤不同就在后面 点击添加至项目,选择下载至本地 下载完成后是一个压缩包,解压后,将红色框的字体文件添加到font文件夹,因为大家可以轻而易举的发现,这是四种不同的字体编码