利用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 相关文章推荐
幻灯片带网页设计中的20个奇妙应用示例小结
May 27 Javascript
javascript拖拽上传类库DropzoneJS使用方法
Dec 05 Javascript
jQuery实现tab标签自动切换的方法
Feb 28 Javascript
jquery判断密码强度的验证代码
Apr 22 Javascript
AngularJS入门教程之静态模板详解
Aug 18 Javascript
JavaScript中省略元素对数组长度的影响
Oct 26 Javascript
js实现淡入淡出轮播切换功能
Jan 13 Javascript
Vue.js原理分析之observer模块详解
Feb 17 Javascript
jQuery遍历节点方法汇总(推荐)
May 13 jQuery
浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
Jul 22 jQuery
如何使用three.js 制作一个三维的推箱子游戏
Jul 29 Javascript
vue实现同时设置多个倒计时
May 20 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插入中文到sqlserver 2008里出现乱码的解决办法分享
2012/07/19 PHP
php和javascript之间变量的传递实现代码
2012/12/19 PHP
解析使用ThinkPHP应该掌握的调试手段
2013/06/20 PHP
Zend Framework教程之Zend_Controller_Plugin插件用法详解
2016/03/07 PHP
Laravel框架路由和控制器的绑定操作方法
2018/06/12 PHP
jQuery事件 delegate()使用方法介绍
2012/10/30 Javascript
jQuery使用技巧简单汇总
2013/04/18 Javascript
js实现的点击数量加一可操作数据库
2014/05/09 Javascript
js和jquery中循环的退出和继续学习记录
2014/09/06 Javascript
浅谈javascript中的闭包
2015/05/13 Javascript
Node.js 中exports 和 module.exports 的区别
2017/03/14 Javascript
vue.js 使用v-if v-else发现没有执行解决办法
2017/05/15 Javascript
Cocos2d实现刮刮卡效果
2018/12/20 Javascript
JS 封装父页面子页面交互接口的实例代码
2019/06/25 Javascript
layui 上传插件 带预览 非自动上传功能的实例(非常实用)
2019/09/23 Javascript
python显示天气预报
2014/03/02 Python
django2.0扩展用户字段示例
2019/02/13 Python
Python通过Manager方式实现多个无关联进程共享数据的实现
2019/11/07 Python
pytorch实现Tensor变量之间的转换
2020/02/17 Python
python可以用哪些数据库
2020/06/22 Python
Python扫描端口的实现
2021/01/25 Python
纯CSS实现的大小渐变、渐远效果
2014/04/15 HTML / CSS
英国著名的小众美容品牌网站:Alyaka
2017/08/08 全球购物
美国现代家具购物网站:LexMod
2019/01/09 全球购物
北京天润融通.net面试题笔试题
2012/02/20 面试题
Javascript如何发送一个Ajax请求
2015/01/26 面试题
消防宣传口号
2014/06/16 职场文书
小升初自荐信范文
2015/03/05 职场文书
企业廉洁教育心得体会
2016/01/20 职场文书
《这片土地是神圣的》教学反思
2016/02/16 职场文书
《植物妈妈有办法》教学反思
2016/02/23 职场文书
Django利用AJAX技术实现博文实时搜索
2021/05/06 Python
Mysql超详细讲解死锁问题的理解
2022/04/01 MySQL
Ruby GDBM操作简介及数据存储原理
2022/04/19 Ruby
Nginx 安装SSL证书完成HTTPS部署
2022/04/28 Servers
ubuntu如何搭建vsftpd服务器
2022/12/24 Servers