利用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入门教程(3) js面向对象
Jan 31 Javascript
javascript URL编码和解码使用说明
Apr 12 Javascript
javascript中substr,substring,slice.splice的区别说明
Nov 25 Javascript
JQuery+CSS提示框实现思路及代码(纯手工打造)
May 07 Javascript
javascript转换静态图片,增加粒子动画效果
May 28 Javascript
jQuery实现div随意拖动的实例代码(通用代码)
Jan 28 Javascript
JavaScript实现点击按钮字体放大、缩小
Feb 29 Javascript
获取JS中网页各种高宽与位置的方法总结
Jul 27 Javascript
js实现彩色条纹滚动条效果
Mar 15 Javascript
BootStrap daterangepicker 双日历控件
Jun 02 Javascript
vue-cli打包后本地运行dist文件中的index.html操作
Aug 12 Javascript
vue实现滑动解锁功能
Mar 03 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
让这部DC动画新作刷新你的认知
2020/03/03 欧美动漫
历史证明,懒惰才是推动科学发展技术进步的动力
2021/03/02 无线电
mysql limit查询优化分析
2008/11/12 PHP
php将时间差转换为字符串提示
2011/09/07 PHP
基于PHP实现等比压缩图片大小
2016/03/04 PHP
php如何比较两个浮点数是否相等详解
2019/02/12 PHP
从零开始学习jQuery (十) jQueryUI常用功能实战
2011/02/23 Javascript
jsTree 基于JQuery的排序节点 Bug
2011/07/26 Javascript
关于query Javascript CSS Selector engine
2013/04/12 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器
2013/06/21 Javascript
js实现Select列表各项上移和下移的方法
2015/08/14 Javascript
JavaScript 正则表达式中global模式的特性
2016/02/25 Javascript
jQuery表单插件ajaxForm实例详解
2017/01/17 Javascript
详解用node.js实现简单的反向代理
2017/06/26 Javascript
react-native-fs实现文件下载、文本存储的示例代码
2017/09/22 Javascript
JS实现倒序输出的几种常用方法示例
2019/04/13 Javascript
7个好用的JavaScript技巧分享(译)
2019/05/07 Javascript
JS将时间秒转换成天小时分钟秒的字符串
2019/07/10 Javascript
vue element upload组件 file-list的动态绑定实现
2019/10/11 Javascript
vue项目中使用bpmn为节点添加颜色的方法
2020/04/30 Javascript
ng-alain的sf如何自定义部件的流程
2020/06/12 Javascript
Python的Django框架使用入门指引
2015/04/15 Python
python操作 hbase 数据的方法
2016/12/18 Python
Python实现mysql数据库更新表数据接口的功能
2017/11/19 Python
python 字典中取值的两种方法小结
2018/08/02 Python
Python操作Mongodb数据库的方法小结
2019/09/10 Python
Python3 虚拟开发环境搭建过程(图文详解)
2020/01/06 Python
python中random.randint和random.randrange的区别详解
2020/09/20 Python
使用canvas压缩图片上传的方法示例
2020/02/07 HTML / CSS
c/c++某大公司的两道笔试题
2014/02/02 面试题
计算机专业毕业生求职信
2014/04/30 职场文书
八达岭长城导游词
2015/01/30 职场文书
公司致全体员工的感谢信
2019/06/24 职场文书
MySQL创建索引需要了解的
2021/04/08 MySQL
Python开发之QT解决无边框界面拖动卡屏问题(附带源码)
2021/05/27 Python
MySQL系列之三 基础篇
2021/07/02 MySQL