js控制文本框只输入数字和小数点的方法

 更新时间:2015年03月10日 15:39:10   作者:MeGoodtoo  
这篇文章主要介绍了js控制文本框只输入数字和小数点的方法,实例分析了javascript使用正则表达式实现限制数字和小数点的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了js控制文本框只输入数字和小数点的方法。分享给大家供大家参考。具体实现方法如下:

复制代码 代码如下:
function clearNoNum(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 name="input1" onkeyup="clearNoNum(this)">

希望本文所述对大家的javascript程序设计有所帮助。

相关文章

  • layui实现table加载的示例代码

    layui实现table加载的示例代码

    今天小编就为大家分享一篇layui实现table加载的示例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • 如何用JS实现简单的数据监听

    如何用JS实现简单的数据监听

    这篇文章主要介绍了如何用JS实现简单的数据监听,对数据监听感兴趣的同学,可以参考一下
    2021-05-05
  • JS获取当前页面名称的简单实例

    JS获取当前页面名称的简单实例

    下面小编就为大家带来一篇JS获取当前页面名称的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • javascript实现的仿51job地址多项选择方式效果

    javascript实现的仿51job地址多项选择方式效果

    分享一个类似51job方式的地址选择效果
    2009-12-12
  • JavaScript可视化与Echarts详细介绍

    JavaScript可视化与Echarts详细介绍

    提到数据可视化相信大家都不陌生,它能够将单一的数据通过合适的可视化图表类型表现出来,使其更加直观的展现数据的变化趋势、对比、峰值等等。其实在前端开发中,数据可视化也尤为重要,在众多图表库中,echarts就是最常见的图表库之一
    2022-07-07
  • JavaScript实现沿五角星形线摆动的小圆实例详解

    JavaScript实现沿五角星形线摆动的小圆实例详解

    这篇文章主要介绍了JavaScript实现沿五角星形线摆动的小圆实例详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07
  • 基于JavaScript实现表单密码的隐藏和显示出来

    基于JavaScript实现表单密码的隐藏和显示出来

    为了网站的安全性,很多朋友都把密码设的比较复杂,但是如何密码不能明显示,不知道输的是对是错,为了安全起见可以把密码显示的,那么基于js代码如何实现的呢?下面通过本文给大家介绍JavaScript实现表单密码的隐藏和显示,需要的朋友参考下
    2016-03-03
  • 简单谈谈gulp-changed插件

    简单谈谈gulp-changed插件

    这篇文章主要介绍了关于gulp-changed插件的相关资料,文中介绍的还是相对详细的,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-02-02
  • JS实现CheckBox复选框全选、不选或全不选功能

    JS实现CheckBox复选框全选、不选或全不选功能

    CheckBox控件就是我们一般所说的复选框,通常用于某选项的打开或关闭,如一次性处理多个产品,或对文章的删除、产品的下架等处理,一条一条的点显然有一些麻烦,如果能每一行放一个checkbox,然后统一处理就好办的多了,需要的朋友可以参考下
    2016-02-02
  • 用JavaScript 判断用户使用的是 IE6 还是 IE7

    用JavaScript 判断用户使用的是 IE6 还是 IE7

    判断IE浏览器的脚本,方便根据浏览器不懂,支持不同的代码的分别调用。
    2008-01-01

最新评论