JavaScript校验Number(4,1)格式的数字实例代码


Posted in Javascript onMarch 13, 2017

项目里面有个录入,需要数字格式进行校验,前端使用的是miniUI框架,miniUI文档里面自带了校验,vtype="float",校验浮点数的,但是它不能做到校验这个浮点数有几位整数和几位小数,所以就有必要重写写一个js函数来校验:

实现思路:

1.获取所填写的值

2.判断是否为空,不为空执行3

3.对字符串trim()去空格,并且判断以”.”开始或者结尾的都不是合法的数字,给出提示。

4.提前判断字符串是否是true或者false,因为下面要使用Number函数,它可以把true和false转为1和0,所以需要在使用之前作判断,如果字符串是这个则给出提示

5.对字符串使用Number函数转型为数字,如果转型后的值为0,说明原来的字符串为空;如果转型后的数字为NaN,说明原来的字符串不是纯数字字符串。都给出相应提示,如果是纯数字字符串则执行6

6.将转型后的数值转为String类型,先判断数值的长度是否合法,不合法给出提示,合法执行7

7.判断数值的整数位是否符合Number类型所定义的,大于最小值小于等于最大值,如果合法执行8,不合法给出提示;

8,判断小数位,利用substring()函数,如果合法则return true;反之则给出相应的错误提示。

实现代码:     

//校验number(4,1)
  function check(v){
   var str = mini.get(v).getValue();
   //非空
   if(str!=null && str.length>0){
    str = str.trim();//去掉空格
    if(str.substring(0,1)=="." || str.substring(str.length-1)=="."){
     mini.alert("请输入有效的数值");
     return false;
    }
    //排除Boolean值
    if(str==true||str==false){
     mini.alert("请输入合法的数值");
     return false;
    }else {
     var num = Number(str);//将字符串转为数字类型
     if(num == 0){//输入的字符串为空
      mini.alert("请输入合法的值");
      return false;
     }else if(isNaN(num)==true){//输入的为非数字型字符串
      mini.alert("请输入合法的值");
      return false;
     }else {//纯数字字符
      num = num.toString();
      var numLenth = num.length;
      if (numLenth >5) {
       mini.alert("数值超过有效长度");
       return false;
      }else{//有效数字
       var pointIndex = num.indexOf(".");
       if (num.substring(0,pointIndex).length>3 || num.substring(0,pointIndex).length<=0) {//整数部分必须在1-3位数字
        mini.alert("整数部分有效数字长度超过有效范围");
        return false;
       }else if(pointIndex>0){//判断小数部分
        if(num.substring(pointIndex).length>2 ||(num.substring(pointIndex).length==1)){
         mini.alert("小数部分不是有效的");
         return false;
        }
       }
      }
     }
    }
   }
   return true;
  }

以上所述是小编给大家介绍的JavaScript校验Number(4,1)格式的数字实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JavaScript 基于原型的对象(创建、调用)
Oct 16 Javascript
Extjs单独定义各组件的实例代码
Jun 25 Javascript
JS控制图片等比例缩放的示例代码
Dec 24 Javascript
ajax请求乱码的解决方法(中文乱码)
Apr 10 Javascript
javascript获取元素偏移量的方法有哪些
Jun 24 Javascript
基于javascript实现判断移动终端浏览器版本信息
Dec 09 Javascript
关于JS中的apply,call,bind的深入解析
Apr 05 Javascript
js判断空对象的实例(超简单)
Jul 26 Javascript
JavaScript设计模式之责任链模式实例分析
Jan 16 Javascript
vue App.vue中的公共组件改变值触发其他组件或.vue页面监听
May 31 Javascript
解决Vue打包后访问图片/图标不显示的问题
Jul 25 Javascript
vue $router和$route的区别详解
Dec 02 Vue.js
Bootstrap笔记—折叠实例代码
Mar 13 #Javascript
jquery插件ContextMenu设置右键菜单
Mar 13 #Javascript
jQuery实现表格奇偶行显示不同背景色 就这么简单
Mar 13 #Javascript
轻松实现jQuery添加删除按钮Click事件
Mar 13 #Javascript
jQuery+CSS3实现点赞功能
Mar 13 #Javascript
百度地图JavascriptApi Marker平滑移动及车头指向行径方向
Mar 13 #Javascript
分享一个精简的vue.js 图片lazyload插件实例
Mar 13 #Javascript
You might like
php 操作符与控制结构
2012/03/07 PHP
php实现文件下载实例分享
2014/06/02 PHP
php中通过DirectoryIterator删除整个目录的方法
2015/03/13 PHP
php封装的数据库函数与用法示例【参考thinkPHP】
2016/11/08 PHP
php实现简单的权限管理的示例代码
2017/08/25 PHP
如何在Laravel5.8中正确地应用Repository设计模式
2019/11/26 PHP
jQuery的控件及事件(输入控件及回车事件)使用示例
2013/07/25 Javascript
使用js写的一个简易的投票
2013/11/27 Javascript
JS去除字符串两端空格的简单实例
2013/12/27 Javascript
JavaScript实现输入框(密码框)出现提示语
2016/01/12 Javascript
原生js实现图片放大缩小计时器效果
2017/01/20 Javascript
拖动时防止选中
2017/02/03 Javascript
微信小程序 功能函数小结(手机号验证*、密码验证*、获取验证码*)
2017/12/08 Javascript
小程序获取周围IBeacon设备的方法
2018/10/31 Javascript
JavaScript实现文件下载并重命名代码实例
2019/12/12 Javascript
Jquery属性的获取/设置及样式添加/删除操作技巧分析
2019/12/23 jQuery
[01:52]DOTA2完美大师赛Vega战队趣味视频——kpii老师小课堂
2017/11/25 DOTA
python实现从ftp服务器下载文件的方法
2015/04/30 Python
python使用xmlrpclib模块实现对百度google的ping功能
2015/06/02 Python
Python快速从注释生成文档的方法
2016/12/26 Python
python无限生成不重复(字母,数字,字符)组合的方法
2018/12/04 Python
浅谈pyqt5中信号与槽的认识
2019/02/17 Python
python elasticsearch环境搭建详解
2019/09/02 Python
python多环境切换及pyenv使用过程详解
2019/09/27 Python
浅谈Python访问MySQL的正确姿势
2020/01/07 Python
通过cmd进入python的步骤
2020/06/16 Python
Python实现SMTP邮件发送
2020/06/16 Python
基于Python+QT的gui程序开发实现
2020/07/03 Python
10分钟入门CSS3 Animation
2018/12/25 HTML / CSS
英国最大的化装舞会服装网站:Fancydress.com
2017/08/15 全球购物
个人简历中的自我评价怎么写
2014/01/26 职场文书
2014年学校党建工作汇报材料
2014/11/02 职场文书
新娘父亲婚礼致辞
2015/07/27 职场文书
教师个人教学反思
2016/02/23 职场文书
晶体管单管来复再生式收音机
2021/04/22 无线电
详解Laravel框架的依赖注入功能
2021/05/27 PHP