利用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 相关文章推荐
AngularJS初始化过程分析(引导程序)
Dec 06 Javascript
wangEditor编辑器失去焦点后仍然可以在原位置插入图片分析
May 06 Javascript
js实现根据身份证号自动生成出生日期
Dec 15 Javascript
Bootstrap模态框(modal)垂直居中的实例代码
Aug 18 Javascript
JS框架之vue.js(深入三:组件1)
Sep 29 Javascript
jQuery.datatables.js插件用法及api实例详解
Oct 28 Javascript
浅谈AngularJS中ng-class的使用方法
Nov 11 Javascript
vue中v-for加载本地静态图片方法
Mar 03 Javascript
详解使用VUE搭建后台管理系统(vue-cli更新至3.0)
Aug 22 Javascript
解决vue.js 数据渲染成功仍报错的问题
Aug 25 Javascript
在vue中获取token,并将token写进header的方法
Sep 26 Javascript
uniapp,微信小程序中使用 MQTT的问题
Jul 11 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
Thinkphp模板中截取字符串函数简介
2014/06/17 PHP
有关PHP 中 config.m4 的探索
2020/08/26 PHP
Javascript 阻止javascript事件冒泡,获取控件ID值
2009/06/27 Javascript
jQuery 处理表单元素的代码
2010/02/15 Javascript
Jquery+ajax请求data显示在GridView上(asp.net)
2010/08/27 Javascript
jquery事件机制扩展插件 jquery鼠标右键事件。
2011/12/26 Javascript
JS保留两位小数 四舍五入函数的小例子
2013/11/20 Javascript
微信小程序 购物车简单实例
2016/10/24 Javascript
JS实现密码框的显示密码和隐藏密码功能示例
2016/12/26 Javascript
Javascript实现数组中的元素上下移动
2017/04/28 Javascript
CheckBox多选取值及判断CheckBox选中是否为空的实例
2017/10/31 Javascript
编写React组件项目实践分析
2018/03/04 Javascript
React-router4路由监听的实现
2018/08/07 Javascript
原生JavaScript创建不可变对象的方法简单示例
2020/05/07 Javascript
Tornado服务器中绑定域名、虚拟主机的方法
2014/08/22 Python
详解python中 os._exit() 和 sys.exit(), exit(0)和exit(1) 的用法和区别
2017/06/23 Python
python中的set实现不重复的排序原理
2018/01/24 Python
Python学习笔记之open()函数打开文件路径报错问题
2018/04/28 Python
Python常见排序操作示例【字典、列表、指定元素等】
2018/08/15 Python
python爬取基于m3u8协议的ts文件并合并
2019/04/26 Python
python实现抽奖小程序
2020/04/15 Python
基于Python的PIL库学习详解
2019/05/10 Python
基于python实现的百度音乐下载器python pyqt改进版(附代码)
2019/08/05 Python
python exit出错原因整理
2020/08/31 Python
单位创先争优活动方案
2014/01/26 职场文书
市场营销管理毕业生自荐信
2014/03/03 职场文书
房屋买卖委托书格式范本格式
2014/10/13 职场文书
党员反对四风思想汇报范文
2014/10/25 职场文书
丧事答谢词
2015/01/05 职场文书
应届毕业生求职信范文
2015/03/19 职场文书
2015年班组工作总结
2015/04/20 职场文书
村级干部党员公开承诺事项
2015/05/04 职场文书
《一面五星红旗》教学反思
2016/02/23 职场文书
带你了解Java中的ForkJoin
2022/04/28 Java/Android
Android studio 简单计算器的编写
2022/05/20 Java/Android
Vue Element plus使用方法梳理
2022/12/24 Vue.js