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获得地址栏参数的两种方法
Nov 08 Javascript
jquery自定义下拉列表示例
Apr 25 Javascript
JavaScript实现从数组中选出和等于固定值的n个数
Sep 03 Javascript
jQuery插件PageSlide实现左右侧栏导航菜单
Apr 12 Javascript
js实现鼠标划过给div加透明度的方法
May 25 Javascript
Javascript动画效果(2)
Oct 11 Javascript
基于Vue的文字跑马灯组件(npm 组件包)
May 24 Javascript
捕获未处理的Promise错误方法
Oct 13 Javascript
解决vue-router中的query动态传参问题
Mar 20 Javascript
vue中vee validate表单校验的几种基本使用
Jun 25 Javascript
vue中使用v-for时为什么不能用index作为key
Apr 04 Javascript
Vue +WebSocket + WaveSurferJS 实现H5聊天对话交互的实例
Nov 18 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
杏林同学录(一)
2006/10/09 PHP
ThinkPHP上使用多说评论插件的方法
2014/10/31 PHP
CI(CodeIgniter)框架视图中加载视图的方法
2017/03/24 PHP
javascript hashtable 修正版 下载
2010/12/30 Javascript
Firefox下无法正常显示年份的解决方法
2014/09/04 Javascript
jQuery实现跨域
2015/02/03 Javascript
JS制作简单的三级联动
2015/03/18 Javascript
jquery操作angularjs对象
2015/06/26 Javascript
JS设置cookie、读取cookie
2016/02/24 Javascript
jQuery源码分析之init的详细介绍
2017/02/13 Javascript
javascript中json对象json数组json字符串互转及取值方法
2017/04/19 Javascript
w3c编程挑战_初级脚本算法实战篇
2017/06/23 Javascript
jQuery实现动画、消失、显现、渐出、渐入效果示例
2018/09/06 jQuery
webpack4+react多页面架构的实现
2018/10/25 Javascript
微信小程序收货地址API兼容低版本解决方法
2019/05/18 Javascript
Angular6使用forRoot() 注册单一实例服务问题
2019/08/27 Javascript
JS性能优化实现方法及优点进行
2020/08/30 Javascript
angular共享依赖的解决方案分享
2020/10/15 Javascript
VUE异步更新DOM - 用$nextTick解决DOM视图的问题
2020/11/06 Javascript
[51:17]VGJ.T vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python yield使用方法示例
2013/12/04 Python
浅谈python爬虫使用Selenium模拟浏览器行为
2018/02/23 Python
详解django自定义中间件处理
2018/11/21 Python
浅谈python脚本设置运行参数的方法
2018/12/03 Python
解决Python二维数组赋值问题
2019/11/28 Python
python中的itertools的使用详解
2020/01/13 Python
Python类中self参数用法详解
2020/02/13 Python
达拉斯牛仔官方商店:Dallas Cowboys Pro Shop
2018/02/10 全球购物
办公室内勤工作职责
2013/12/11 职场文书
高中生家长会演讲稿
2014/01/14 职场文书
亲戚结婚的请假条
2014/02/11 职场文书
新农村建设典型材料
2014/05/31 职场文书
大学生个人简历自我评价
2015/03/11 职场文书
给病人的慰问信
2015/03/23 职场文书
春晚观后感
2015/06/11 职场文书
教师节晚会主持词
2015/06/30 职场文书