利用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 相关文章推荐
js写的评论分页(还不错)
Dec 23 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
Nov 16 Javascript
jQuery实现彩带延伸效果的网页加载条loading动画
Oct 29 Javascript
JavaScript中关联原型链属性特性
Feb 13 Javascript
JavaScript判断数组重复内容的两种方法(推荐)
Jun 06 Javascript
jQuery实现表格文本框淡入更改值后淡出效果
Sep 27 Javascript
jQuery插件ajaxFileUpload使用详解
Jan 10 Javascript
Angular4学习笔记之新建项目的方法
Jul 18 Javascript
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
Aug 23 jQuery
使用vue-resource进行数据交互的实例
Sep 02 Javascript
vue中datepicker的使用教程实例代码详解
Jul 08 Javascript
js中apply和call的理解与使用方法
Nov 27 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下通过伪造http头破解防盗链的代码
2010/07/03 PHP
CodeIgniter输出中文乱码的两种解决办法
2014/06/12 PHP
Yii实现Command任务处理的方法详解
2016/07/14 PHP
PHP 实现文件压缩解压操作的方法
2019/06/14 PHP
用javascript控制iframe滚动的代码
2007/04/10 Javascript
JavaScript 弹出窗体点击按钮返回选择数据的实现
2010/04/01 Javascript
JQueryEasyUI datagrid框架的基本使用
2013/04/08 Javascript
jQuery中removeAttr()方法用法实例
2015/01/05 Javascript
javascript中Array数组的迭代方法实例分析
2015/02/04 Javascript
JavaScript实现下拉列表框数据增加、删除、上下排序的方法
2015/08/11 Javascript
jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果实例
2015/08/22 Javascript
JavaScript兼容性总结之获取非行间样式案例
2016/08/07 Javascript
jQuery Easyui快速入门教程
2016/08/21 Javascript
JavaScript中Array的实用操作技巧分享
2016/09/11 Javascript
Vue-cli proxyTable 解决开发环境的跨域问题详解
2017/05/18 Javascript
JS实现获取汉字首字母拼音、全拼音及混拼音的方法
2017/11/14 Javascript
cordova入门基础教程及使用中遇到的一些问题总结
2017/11/14 Javascript
关于TypeScript模块导入的那些事
2018/06/12 Javascript
详解小程序之简单登录注册表单验证
2019/05/13 Javascript
[39:46]完美世界DOTA2联赛PWL S2 LBZS vs Rebirth 第二场 11.25
2020/11/25 DOTA
python下载文件记录黑名单的实现代码
2017/10/24 Python
Python实现的连接mssql数据库操作示例
2018/08/17 Python
Python之pymysql的使用小结
2019/07/01 Python
Spring Cloud Feign高级应用实例详解
2019/12/10 Python
python字符串常用方法及文件简单读写的操作方法
2020/03/04 Python
Python MOCK SERVER moco模拟接口测试过程解析
2020/04/13 Python
python如何爬取动态网站
2020/09/09 Python
中国领先的专业演出票务网:永乐票务
2016/08/29 全球购物
北京鼎普科技股份有限公司软件测试面试题
2012/04/07 面试题
高级护理专业大学生求职信
2013/10/24 职场文书
2014年小学重阳节活动策划方案
2014/09/16 职场文书
党组织领导班子整改方案
2014/10/25 职场文书
责任书格式
2015/01/29 职场文书
Python下opencv库的安装过程及问题汇总
2021/06/11 Python
Apache Pulsar结合Hudi构建Lakehouse方案分析
2022/03/31 Servers
MySQL时区造成时差问题
2022/04/13 MySQL