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


Posted in Javascript onOctober 07, 2016

如下所示:

<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验证 只能输入小数点,数字,负数的实现方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
Stop SQL Server
Jun 21 Javascript
javascript实现tabs选项卡切换效果(扩展版)
Mar 19 Javascript
jquery固定底网站底部菜单效果
Aug 13 Javascript
PHP结合jQuery实现的评论顶、踩功能
Jul 22 Javascript
EasyUI的doCellTip实现鼠标放到单元格上提示单元格内容
Aug 24 Javascript
单行 JS 实现移动端金钱格式的输入规则
May 22 Javascript
利用javascript如何随机生成一定位数的密码
Sep 22 Javascript
layerUI下的绑定事件实例代码
Aug 17 Javascript
jQuery简单实现根据日期计算星期几的方法
Jan 09 jQuery
浏览器事件循环与vue nextTicket的实现
Apr 16 Javascript
Vue.js watch监视属性知识点总结
Nov 11 Javascript
vue使用require.context实现动态注册路由
Dec 25 Vue.js
JavaScript SHA512加密算法详细代码
Oct 06 #Javascript
JQuery PHP图片在线裁剪实例
Jul 27 #Javascript
JavaScript SHA-256加密算法详细代码
Oct 06 #Javascript
JavaScript SHA1加密算法实现详细代码
Oct 06 #Javascript
JavaScript仿网易选项卡制作代码
Oct 06 #Javascript
Javascript中作用域的详细介绍
Oct 06 #Javascript
js实现非常棒的弹出div
Oct 06 #Javascript
You might like
Zend Framework入门教程之Zend_Session会话操作详解
2016/12/08 PHP
javascript 动态添加表格行
2006/06/22 Javascript
JavaScript 无符号右移赋值操作
2009/04/17 Javascript
js href的用法
2010/05/13 Javascript
$.ajax返回的JSON无法执行success的解决方法
2011/09/09 Javascript
Javascript图像处理思路及实现代码
2012/12/25 Javascript
js 遍历json返回的map内容示例代码
2013/10/29 Javascript
javascript 获取浏览器版本
2015/01/21 Javascript
angularJS与bootstrap结合实现动态加载弹出提示内容
2015/10/16 Javascript
深入探究JavaScript中for循环的效率问题及相关优化
2016/03/13 Javascript
jQuery使用ajax跨域获取数据的简单实例
2016/05/18 Javascript
JavaScript表单验证完美代码
2017/03/02 Javascript
vue子父组件通信的实现代码
2017/07/09 Javascript
js推箱子小游戏步骤代码解析
2018/01/10 Javascript
vue.js将时间戳转化为日期格式的实现代码
2018/06/05 Javascript
关于Vue项目跨平台运行问题的解决方法
2018/09/18 Javascript
微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示功能的实现
2020/07/22 Javascript
Python实现针对json中某个关键字段进行排序操作示例
2018/12/25 Python
Django 表单模型选择框如何使用分组
2019/05/16 Python
Form表单及django的form表单的补充
2019/07/25 Python
python3图片文件批量重命名处理
2019/10/31 Python
python 字段拆分详解
2019/12/17 Python
CSS3弹性盒模型开发笔记(一)
2016/04/26 HTML / CSS
一文彻底解决HTML5页面中长按保存图片功能
2019/06/10 HTML / CSS
StubHub哥伦比亚:购买和出售您的门票
2016/10/20 全球购物
智能钱包:Ekster
2019/11/21 全球购物
倡议书范文
2014/04/16 职场文书
合作经营协议书
2014/04/17 职场文书
初中作文评语大全
2014/04/23 职场文书
大学生社会实践方案
2014/05/11 职场文书
2015年人力资源部工作总结
2015/04/30 职场文书
2016幼儿园中班开学寄语
2015/12/03 职场文书
为什么说餐饮很难做,是因为你不了解这些新规则
2019/08/20 职场文书
linux下安装redis图文详细步骤
2021/12/04 Redis
Golang bufio详细讲解
2022/04/21 Golang
python数字图像处理:图像的绘制
2022/06/28 Python