javascript验证只能输入数字和一个小数点示例

 更新时间:2013年10月21日 17:33:23   作者:  
使用javascript限制只能输入数字和一个小数点,在某些情况下还是比较使用的,下面有个不错的示例,感兴趣的朋友可以参考下
复制代码 代码如下:

function gaga(obj){ // 值允许输入一个小数点和数字
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("$#$","."); //保证.只出现一次,而不能出现两次以上

}

<input id="gaga" type="text" onkeyup="gaga(this)" />

相关文章

  • ES6新特性八:async函数用法实例详解

    ES6新特性八:async函数用法实例详解

    这篇文章主要介绍了ES6新特性八:async函数用法,结合实例形式分析了async函数的功能、原理、使用方法与相关注意事项,需要的朋友可以参考下
    2017-04-04
  • JavaScript定时器实现无缝滚动图片

    JavaScript定时器实现无缝滚动图片

    这篇文章主要为大家详细介绍了JavaScript定时器实现无缝滚动图片,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • 微信小程序计算器实现案例详解

    微信小程序计算器实现案例详解

    最近继续玩一些微信小程序的api来做例子,感觉自己可能创造力不很足,只能模仿着别人的例子来做一个自己的计算器了,下面这篇文章主要给大家介绍了关于微信小程序计算器实现案例的相关资料,需要的朋友可以参考下
    2023-06-06
  • BootStrap table删除指定行的注意事项(笔记整理)

    BootStrap table删除指定行的注意事项(笔记整理)

    在前端开发中遇到这样的问题,对于table指定行的数据进行删除,花了好长时间才解决,今天小编抽时间给大家介绍BootStrap table删除指定行的注意事项,需要的朋友参考下吧
    2017-02-02
  • Table冻结表头示例代码

    Table冻结表头示例代码

    Table冻结表头,大家对此应该不会很陌生,实现很简单,下面为大家详细介绍下具体的实现,感兴趣的朋友可以参考下
    2013-08-08
  • TypeScript中let和var的区别介绍

    TypeScript中let和var的区别介绍

    这篇文章主要介绍了TypeScript let与var的区别,主要从作用域等这几个方面做详细介绍,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-07-07
  • 获取select元素被选中的文本内容的js代码

    获取select元素被选中的文本内容的js代码

    获取select元素被选中的文本内容的方法有很多,本文为大家介绍下使用javascript来轻松实现下
    2014-01-01
  • d3.js实现简单的网络拓扑图实例代码

    d3.js实现简单的网络拓扑图实例代码

    最近一直在学习d3.js,大家都知道d3.js是一个非常不错的数据可视化库,我们可以用它来做一些比较酷的东西,比如可以来显示一些简单的网络拓扑图,这篇文中就通过实例代码给大家介绍了如何利用d3.js实现简单的网络拓扑图,有需要的朋友们可以参考借鉴,下面来一起看看吧。
    2016-11-11
  • layui 数据表格拖动 列、行 位置重新排序功能实现

    layui 数据表格拖动 列、行 位置重新排序功能实现

    这篇文章主要介绍了layui数据表格拖动列、行位置重新排序功能实现,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧
    2024-06-06
  • 详解SPA中前端路由基本原理与实现方式

    详解SPA中前端路由基本原理与实现方式

    这篇文章主要介绍了详解SPA中前端路由基本原理与实现方式,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09

最新评论