利用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开发时的五个注意事项
Dec 08 Javascript
div层的移动及性能优化
Nov 16 Javascript
js读写(删除)Cookie实例详解
Apr 17 Javascript
JS调用CS里的带参方法实例
Aug 01 Javascript
jQuery删除节点的三个方法即remove()detach()和empty()
Dec 27 Javascript
jQuery实现指定内容滚动同时左侧或其它地方不滚动的方法
Aug 08 Javascript
引用jquery框架后出错的解决方法
Aug 09 Javascript
浅谈vue中慎用style的scoped属性
Nov 28 Javascript
Vue动态生成表格的行和列
Jul 18 Javascript
javascript递归函数定义和用法示例分析
Jul 22 Javascript
Vue +WebSocket + WaveSurferJS 实现H5聊天对话交互的实例
Nov 18 Vue.js
VUE项目实现主题切换的多种方法
Nov 26 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 结果集的分页实现代码
2009/03/10 PHP
php 无限级分类学习参考之对ecshop无限级分类的解析 带详细注释
2010/03/23 PHP
PHP实现多条件查询实例代码
2010/07/17 PHP
PHP大批量数据操作时临时调整内存与执行时间的方法
2011/04/20 PHP
PHP下打开phpMyAdmin出现403错误的问题解决方法
2013/05/23 PHP
php使用pack处理二进制文件的方法
2014/07/03 PHP
windows中为php安装mongodb与memcache
2015/01/06 PHP
浅谈PHP定义命令空间的几个注意点(推荐)
2016/10/29 PHP
详解Yaf框架PHPUnit集成测试方法
2017/12/27 PHP
游戏人文件夹程序 ver 4.03
2006/07/14 Javascript
javascript  Error 对象 错误处理
2008/05/18 Javascript
用js小类库获取浏览器的高度和宽度信息
2012/01/15 Javascript
js子页面获取父页面数据示例
2014/05/15 Javascript
JavaScript实现自动消除按钮功能的方法
2015/08/05 Javascript
超漂亮的Bootstrap 富文本编辑器summernote
2016/04/05 Javascript
浅谈javascript中执行环境(作用域)与作用域链
2016/12/08 Javascript
javascript 面向对象function详解及实例代码
2017/02/28 Javascript
angular十大常见问题
2017/03/07 Javascript
完美实现js选项卡切换效果(二)
2017/03/08 Javascript
javascript Function函数理解与实战
2017/12/01 Javascript
[02:09]抵达西雅图!中国军团加油!
2014/07/07 DOTA
[01:52]DOTA2完美大师赛Vega战队趣味视频——kpii老师小课堂
2017/11/25 DOTA
在Python3中初学者应会的一些基本的提升效率的小技巧
2015/03/31 Python
python中的编码知识整理汇总
2016/01/26 Python
python遍历一个目录,输出所有的文件名的实例
2018/04/23 Python
python提取具有某种特定字符串的行数据方法
2018/12/11 Python
Python叠加两幅栅格图像的实现方法
2019/07/05 Python
运动会领导邀请函
2014/02/05 职场文书
银行爱岗敬业演讲稿
2014/05/05 职场文书
涉密人员保密承诺书
2014/05/28 职场文书
金融与证券专业求职信
2014/06/22 职场文书
环卫个人总结
2015/03/03 职场文书
如何在CSS中绘制曲线图形及展示动画
2021/05/24 HTML / CSS
Python中OpenCV实现简单车牌字符切割
2021/06/11 Python
Python中with上下文管理协议的作用及用法
2022/03/18 Python
Debian11 Xfce终端光标的颜色怎么设置?
2022/08/14 数码科技