利用jquery实现验证输入的是否是数字、小数,包含保留几位小数


Posted in Javascript onDecember 07, 2016

1、验证方法 validationNumber(e, num)  e代表标签对象,num代表保留小数位数

function validationNumber(e, num) {
      var regu = /^[0-9]+\.?[0-9]*$/;
      if (e.value != "") {
        if (!regu.test(e.value)) {
          alert("请输入正确的数字");
          e.value = e.value.substring(0, e.value.length - 1);
          e.focus();
        } else {
          if (num == 0) {
            if (e.value.indexOf('.') > -1) {
              e.value = e.value.substring(0, e.value.length - 1);
              e.focus();
            }
          }
          if (e.value.indexOf('.') > -1) {
            if (e.value.split('.')[1].length > num) {
              e.value = e.value.substring(0, e.value.length - 1);
              e.focus();
            }
          }
        }
      }
    }

2、验证整数

<asp:TextBox ID="txtNg" name="txtNg" runat="server" Height="16px" Width="98px" Font-Size="9pt"
   CssClass="EditTextBox" onpropertychange="validationNumber(this,0)"></asp:TextBox>

3、保留一位小数

<asp:TextBox ID="txtChglinecost" name="txtChglinecost" runat="server" Height="16px" Width="98px" Font-Size="9pt" 
   CssClass="EditTextBox" onpropertychange="validationNumber(this,1)"></asp:TextBox>

4、保留两位小数

<asp:TextBox ID="txtStdyr" name="txtStdyr" runat="server" Height="16px" Width="98px" Font-Size="9pt" 
   CssClass="EditTextBox" onpropertychange="validationNumber(this,2)"></asp:TextBox>

5、保留三位小数

只需要把 validationNumber(this,3) 方法中的第二个参数改为3即可。

保留四位小数、保留五位小数,以此类推...

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
javascript针对DOM的应用实例(一)
Apr 15 Javascript
基于jquery的图片轮播 tab切换组件
Jul 19 Javascript
jquery实现点击TreeView文本父节点展开/折叠子节点
Jan 10 Javascript
AngularJs实现ng1.3+表单验证
Dec 10 Javascript
jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果
Apr 16 Javascript
模拟javascript中的sort排序(简单实例)
Aug 17 Javascript
简单谈谈ES6的六个小特性
Nov 18 Javascript
JavaScript生成指定范围的时间列表
Mar 19 Javascript
JQuery常用选择器功能与用法实例分析
Dec 23 jQuery
JavaScript 面向对象程序设计详解【类的创建、实例对象、构造函数、原型等】
May 12 Javascript
手把手教你如何编译打包video.js
Dec 09 Javascript
如何在vue中使用HTML 5 拖放API
Jan 14 Vue.js
利用jquery实现下拉框的禁用与启用
Dec 07 #Javascript
jquery实现文本框的禁用和启用
Dec 07 #Javascript
浅析jQuery操作select控件的取值和设值
Dec 07 #Javascript
简单理解js的prototype属性及使用
Dec 07 #Javascript
Bootstrap基本组件学习笔记之列表组(11)
Dec 07 #Javascript
Bootstrap基本样式学习笔记之图片(6)
Dec 07 #Javascript
JavaScript学习笔记--常用的互动方法
Dec 07 #Javascript
You might like
PHP下编码转换函数mb_convert_encoding与iconv的使用说明
2009/12/16 PHP
PHP中PDO基础教程 入门级
2011/09/04 PHP
解析在PHP中使用mysqli扩展库对mysql的操作
2013/07/03 PHP
PHP+apc+ajax实现的ajax_upload上传进度条代码
2016/01/25 PHP
PHP编程获取音频文件时长的方法【基于getid3类】
2017/04/20 PHP
PHP文字转图片功能原理与实现方法分析
2017/08/31 PHP
PHP PDO数据库操作预处理与注意事项
2019/03/16 PHP
js null,undefined,字符串小结
2010/08/21 Javascript
非阻塞动态加载javascript广告实现代码
2010/11/17 Javascript
拉动滚动条加载数据的jquery代码
2012/05/03 Javascript
JS实现带鼠标效果的头像及文章列表代码
2015/09/27 Javascript
JavaScript提高性能知识点汇总
2016/01/15 Javascript
jQuery异步提交表单的两种方式
2016/09/13 Javascript
JavaScript之map reduce_动力节点Java学院整理
2017/06/29 Javascript
解决vue2.x中数据渲染以及vuex缓存的问题
2017/07/13 Javascript
js学习心得_一个简单的动画库封装tween.js
2017/07/14 Javascript
使用kbone解决Vue项目同时支持小程序问题
2019/11/08 Javascript
Python 序列化 pickle/cPickle模块使用介绍
2014/11/30 Python
Python cookbook(数据结构与算法)从任意长度的可迭代对象中分解元素操作示例
2018/02/13 Python
如何利用python查找电脑文件
2018/04/27 Python
Python通过Manager方式实现多个无关联进程共享数据的实现
2019/11/07 Python
Python通过format函数格式化显示值
2020/10/17 Python
python 通过exifread读取照片信息
2020/12/24 Python
美国专业消费电子及摄影器材网站:B&H Photo Video
2019/12/18 全球购物
GWT都有什么特性
2016/12/02 面试题
工程造价与财务管理专业应届生求职信
2013/10/06 职场文书
父亲的菜园教学反思
2014/02/13 职场文书
机关单位动员会主持词
2014/03/20 职场文书
国庆促销活动总结
2014/08/29 职场文书
大学生党员学习焦裕禄精神思想汇报
2014/09/10 职场文书
党校毕业心得体会
2014/09/13 职场文书
孕妇病假条怎么写
2015/08/17 职场文书
nginx配置文件使用环境变量的操作方法
2021/06/02 Servers
聊一聊Redis与MySQL双写一致性如何保证
2021/06/26 Redis
python机器学习创建基于规则聊天机器人过程示例详解
2021/11/02 Python
搞笑Gif:这么白这么长的腿像极了一楼的女朋友
2022/03/21 杂记