利用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 attachEvent绑定多个事件执行顺序问题
Oct 20 Javascript
js弹出模式对话框,并接收回传值的方法
Mar 12 Javascript
node.js请求HTTPS报错:UNABLE_TO_VERIFY_LEAF_SIGNATURE\的解决方法
Dec 18 Javascript
jQuery插件HighCharts绘制2D金字塔图效果示例【附demo源码下载】
Mar 09 Javascript
深入理解vue2.0路由如何配置问题
Jul 18 Javascript
vue Render中slots的使用的实例代码
Jul 19 Javascript
get  post jsonp三种数据交互形式实例详解
Aug 25 Javascript
react.js 父子组件数据绑定实时通讯的示例代码
Sep 25 Javascript
如何理解Vue的v-model指令的使用方法
Jul 19 Javascript
Vue2 添加数据可视化支持的方法步骤
Jan 02 Javascript
VUE中V-IF条件判断改变元素的样式操作
Aug 09 Javascript
解决vue与node模版引擎的渲染标记{{}}(双花括号)冲突问题
Sep 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
解析用PHP读写音频文件信息的详解(支持WMA和MP3)
2013/05/10 PHP
PHP中的插件机制原理和实例
2014/07/08 PHP
ThinkPHP控制器详解
2015/07/27 PHP
PHP Web木马扫描器代码分享
2015/09/06 PHP
ThinkPHP5实现作业管理系统中处理学生未交作业与已交作业信息的方法
2016/11/12 PHP
PHP使用preg_split()分割特殊字符(元字符等)的方法分析
2017/02/04 PHP
使用TextRange获取输入框中光标的位
2006/10/14 Javascript
js中传递特殊字符(+,&amp;)的方法
2014/01/16 Javascript
Jquery $.getJSON 在IE下的缓存问题解决方法
2014/10/10 Javascript
jQuery中size()方法用法实例
2014/12/27 Javascript
JavaScript获取元素尺寸和大小操作总结
2015/02/27 Javascript
kindeditor编辑器点中图片滚动条往上顶的bug
2015/07/05 Javascript
Bootstrap自动适应PC、平板、手机的Bootstrap栅格系统
2016/05/27 Javascript
node.js cookie-parser之parser.js
2016/06/06 Javascript
jQuery和JavaScript节点插入元素的方法对比
2016/11/18 Javascript
基于bootstrap的选择框插件icheck
2016/12/23 Javascript
使用D3.js制作图表详解
2017/08/13 Javascript
webpack使用 babel-loader 转换 ES6代码示例
2017/08/21 Javascript
vue2.0使用swiper组件实现轮播效果
2017/11/27 Javascript
vue data对象重新赋值无效(未更改)的解决方式
2020/07/24 Javascript
vue实现图片裁剪后上传
2020/12/16 Vue.js
Python实现购物车功能的方法分析
2017/11/10 Python
python实现连续图文识别
2018/12/18 Python
Django 外键的使用方法详解
2019/07/19 Python
tensorflow实现从.ckpt文件中读取任意变量
2020/05/26 Python
LightInTheBox法国站:中国跨境电商
2020/03/05 全球购物
基于Python 函数和方法的区别说明
2021/03/24 Python
护理自荐信
2013/10/22 职场文书
见习期自我鉴定
2014/01/31 职场文书
高三学生评语大全
2014/04/25 职场文书
导师评语大全
2014/04/26 职场文书
勤俭节约演讲稿
2014/05/08 职场文书
擅自离岗检讨书
2014/09/12 职场文书
毕业论文致谢信
2015/05/14 职场文书
初中生物教学随笔
2015/08/15 职场文书
mysql 子查询的使用
2022/04/28 MySQL