JS验证 只能输入小数点,数字,负数的实现方法

 更新时间:2016年10月07日 11:16:24   投稿:jingxian  
下面小编就为大家带来一篇JS验证 只能输入小数点,数字,负数的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

如下所示:

<script language="JavaScript" type="text/javascript">
    function clearNoNum(event, obj) {
      //响应鼠标事件,允许左右方向键移动 
      event = window.event || event;
      if (event.keyCode == 37 | event.keyCode == 39) {
        return;
      }
      var t = 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 (t == '-') {
        obj.value = '-' + obj.value;
      } 
    }
    function checkNum(obj) {
      //为了去除最后一个. 
      obj.value = obj.value.replace(/\.$/g, "");

    }


    function DigitInput(obj, event) {
      //响应鼠标事件,允许左右方向键移动 
      event = window.event || event;
      if (event.keyCode == 37 | event.keyCode == 39) {
        return;
      }
      obj.value = obj.value.replace(/\D/g, "");
    }

  </script>

以上就是小编为大家带来的JS验证 只能输入小数点,数字,负数的实现方法全部内容了,希望大家多多支持脚本之家~

相关文章

  • 微信小程序收藏功能的实现代码

    微信小程序收藏功能的实现代码

    这篇文章主要介绍了微信小程序收藏功能的实现代码,基本功能是点击收藏后显示已收藏,在另一个页面出现目前点击收藏的项目。需要的朋友可以参考下
    2018-06-06
  • JavaScript实现的一个计算数字步数的算法分享

    JavaScript实现的一个计算数字步数的算法分享

    这篇文章主要介绍了JavaScript实现的一个计算数字步数的算法分享,本文先是讲解了算法描述与实现原理,然后给出实现代码,需要的朋友可以参考下
    2014-12-12
  • 30分钟快速入门掌握ES6/ES2015的核心内容(上)

    30分钟快速入门掌握ES6/ES2015的核心内容(上)

    ES6增加了很多新的语法,很多同学学习起来感觉很别扭,有时候也不理解新增加的语法有什么用,对ES6的学习也没有兴趣进而动力不足、学习效率不高。下面这篇文章将通过30分钟带大家快速入门掌握ES6/ES2015的核心内容,需要的朋友可以参考下。
    2018-04-04
  • js进阶语法之变量提升、函数提升以及参数的命名冲突问题解决

    js进阶语法之变量提升、函数提升以及参数的命名冲突问题解决

    JavaScript代码在执行前会经历一个预处理阶段,这个阶段主要涉及变量提升和函数提升,下面这篇文章主要介绍了js进阶语法之变量提升、函数提升以及参数的命名冲突问题解决的相关资料,需要的朋友可以参考下
    2024-09-09
  • 一文详解MySQL5.7与MySQL8之间的区别

    一文详解MySQL5.7与MySQL8之间的区别

    MySQL作为最常用的开源关系型数据库管理系统之一,一直在不断发展和改进,其中,MySQL 5.7和MySQL 8是两个备受关注的版本,它们之间存在一些关键的差异,本文将深入探讨这两个版本之间的主要差异,需要的朋友可以参考下
    2023-11-11
  • JavaScript实现控制并发请求数量的方法详解

    JavaScript实现控制并发请求数量的方法详解

    这篇文章主要为大家详细介绍了JavaScript如何实现控制并发请求数量,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2024-02-02
  • js拼接html注意问题示例探讨

    js拼接html注意问题示例探讨

    js的拼接html,会有一些细节是需要注意的,也就是单引号的问题,下面有个示例,大家感受下
    2014-07-07
  • Ajax跨域实现代码(后台jsp)

    Ajax跨域实现代码(后台jsp)

    这篇文章主要介绍了Ajax跨域实现代码(后台jsp),需要的朋友可以参考下
    2017-01-01
  • 简单的JS控制button颜色随点击更改的实现方法

    简单的JS控制button颜色随点击更改的实现方法

    下面小编就为大家带来一篇简单的JS控制button颜色随点击更改的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • JavaScript中toLocaleString()和toString()的区别实例分析

    JavaScript中toLocaleString()和toString()的区别实例分析

    这篇文章主要介绍了JavaScript中toLocaleString()和toString()的区别,结合实例形式对比分析了toLocaleString()和toString()针对字符串、数组与日期操作过程中的区别与使用技巧,需要的朋友可以参考下
    2018-08-08

最新评论