利用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 相关文章推荐
页面中body onload 和 window.onload 冲突的问题的解决
Jul 01 Javascript
javascript实现tab切换的两个实例
Nov 05 Javascript
webpack入门必知必会
Jan 16 Javascript
Vue异步加载about组件
Oct 31 Javascript
微信小程序实现下载进度条的方法
Dec 08 Javascript
详解vue.js之props传递参数
Dec 12 Javascript
Vue组件开发技巧总结
Mar 04 Javascript
编写React组件项目实践分析
Mar 04 Javascript
微信小程序实时聊天WebSocket
Jul 05 Javascript
js实现通过开始结束控制的计时器
Feb 25 Javascript
vxe-table vue table 表格组件功能
May 26 Javascript
vue-drawer-layout实现手势滑出菜单栏
Nov 19 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中的str_repeat函数在JavaScript中的实现
2013/09/16 PHP
php实现的百度搜索某地天气的小偷代码
2014/04/23 PHP
php使用for语句输出三角形的方法
2015/06/09 PHP
php实现倒计时效果
2015/12/19 PHP
转一个日期输入控件,支持FF
2007/04/27 Javascript
纯js实现背景图片切换效果代码
2010/11/14 Javascript
js中获取事件对象的方法小结
2011/03/13 Javascript
ajax上传时参数提交不更新等相关问题
2012/12/11 Javascript
jQuery判断密码强度实现思路及代码
2013/04/24 Javascript
深入解析contentWindow, contentDocument
2013/07/04 Javascript
js 触发select onchange事件代码
2014/03/20 Javascript
jQuery中append()方法用法实例
2014/12/25 Javascript
javascript强制点击广告的方法
2015/02/06 Javascript
js实现页面跳转的五种方法推荐
2016/03/10 Javascript
Avalon中文长字符截取、关键字符隐藏、自定义过滤器
2016/05/18 Javascript
addEventListener()与removeEventListener()解析
2017/04/20 Javascript
vue项目中定义全局变量、函数的几种方法
2019/11/08 Javascript
解决vue admin element noCache设置无效的问题
2019/11/12 Javascript
python实现手机通讯录搜索功能
2018/02/22 Python
Python爬虫信息输入及页面的切换方法
2018/05/11 Python
对python自动生成接口测试的示例讲解
2018/11/30 Python
python爬虫之验证码篇3-滑动验证码识别技术
2019/04/11 Python
在django-xadmin中APScheduler的启动初始化实例
2019/11/15 Python
Python跑循环时内存泄露的解决方法
2020/01/13 Python
Python如何省略括号方法详解
2020/03/21 Python
Python接口测试数据库封装实现原理
2020/05/09 Python
python工具——Mimesis的简单使用教程
2021/01/16 Python
CSS3弹性盒模型开发笔记(三)
2016/04/26 HTML / CSS
CSS3伪类选择器:nth-child()
2009/04/02 HTML / CSS
纯css3显示隐藏一个div特效的具体实现
2014/02/10 HTML / CSS
css3实现背景模糊的三种方式(小结)
2020/05/15 HTML / CSS
HTML5实践-图片设置成灰度图
2012/11/12 HTML / CSS
家长会演讲稿范文
2014/01/10 职场文书
纺织工程专业个人求职信范文
2014/01/27 职场文书
工程采购员岗位职责
2014/03/09 职场文书
Java虚拟机内存结构及编码实战分享
2022/04/07 Java/Android