利用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 相关文章推荐
用JSON做数据传输格式中的一些问题总结
Dec 21 Javascript
JQuery筛选器全系列介绍
Aug 27 Javascript
一个JavaScript操作元素定位元素的实例
Oct 29 Javascript
Javascript发送AJAX请求实例代码
Aug 21 Javascript
[原创]javascript typeof id==='string'?document.getElementById(id):id解释
Nov 02 Javascript
js中的eval()函数把含有转义字符的字符串转换成Object对象的方法
Dec 02 Javascript
JavaScript中的普通函数和箭头函数的区别和用法详解
Mar 21 Javascript
webstorm添加vue.js支持的方法教程
Jul 05 Javascript
纯JS实现可用于页码更换的飞页特效示例
May 21 Javascript
详解解决使用axios发送json后台接收不到的问题
Jun 27 Javascript
echarts整合多个类似option的方法实例
Jul 10 Javascript
Electron中实现大文件上传和断点续传功能
Oct 28 Javascript
利用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之对抗Web扫描器的脚本技巧
2008/10/01 PHP
PHP中的gzcompress、gzdeflate、gzencode函数详解
2014/07/29 PHP
php中实现记住密码下次自动登录的例子
2014/11/06 PHP
PHP封装函数实现生成随机的字符串验证码
2017/01/24 PHP
Div自动滚动到末尾的代码
2008/10/26 Javascript
Array.prototype.slice.apply的使用方法
2010/03/17 Javascript
JavaScript中的Array对象使用说明
2011/01/17 Javascript
更优雅的事件触发兼容
2011/10/24 Javascript
jQuery选择器全面总结
2014/01/06 Javascript
JavaScript中的索引数组、关联数组和静态数组、动态数组讲解
2014/11/08 Javascript
使用jsonp完美解决跨域问题
2014/11/27 Javascript
浅谈JavaScript Math和Number对象
2015/01/26 Javascript
jquery+CSS3模拟Path2.0动画菜单效果代码
2015/08/31 Javascript
JS实现的二叉树算法完整实例
2017/04/06 Javascript
JS实现仿微信支付弹窗功能
2018/06/25 Javascript
vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法
2018/07/12 Javascript
微信小程序canvas拖拽、截图组件功能
2018/09/04 Javascript
JavaScript 严格模式(use strict)用法实例分析
2020/03/04 Javascript
[56:00]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs TNC 第二场
2018/04/10 DOTA
[42:32]VP vs RNG 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
Python列表list数组array用法实例解析
2014/10/28 Python
MySQL适配器PyMySQL详解
2017/09/20 Python
pandas 转换成行列表进行读取与Nan处理的方法
2018/10/30 Python
python二进制读写及特殊码同步实现详解
2019/10/11 Python
如何使用Python多线程测试并发漏洞
2019/12/18 Python
python数据分析:关键字提取方式
2020/02/24 Python
python numpy--数组的组合和分割实例
2020/02/24 Python
Python 排序最长英文单词链(列表中前一个单词末字母是下一个单词的首字母)
2020/12/14 Python
IE9对HTML5中部分属性不支持的原因分析
2014/10/15 HTML / CSS
党员组织关系介绍信
2014/02/13 职场文书
团日活动总结书
2014/05/08 职场文书
优秀毕业生就业推荐信
2014/05/22 职场文书
工地安全标语
2014/06/07 职场文书
我与祖国共奋进演讲稿
2014/09/13 职场文书
学校2014年度工作总结
2014/12/06 职场文书
德劲DE1105机评
2022/04/05 无线电