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 相关文章推荐
jquery 获取json数据实现代码
Apr 27 Javascript
半角全角相互转换的js函数
Oct 16 Javascript
ExtJS Grid使用SimpleStore、多选框的方法
Nov 20 Javascript
解决html按钮切换绑定不同函数后点击时执行多次函数问题
May 14 Javascript
深入理解JavaScript系列(42):设计模式之原型模式详解
Mar 04 Javascript
巧方法 JavaScript获取超链接的绝对URL地址
Jun 14 Javascript
详解AngularJS 路由 resolve用法
Apr 24 Javascript
angularJs的ng-class切换class
Jun 23 Javascript
详解js动态获取浏览器或页面等容器的宽高
Mar 13 Javascript
layui lay-verify form表单自定义验证规则详解
Sep 18 Javascript
详解vue中v-bind:style效果的自定义指令
Jan 21 Javascript
VUE : vue-cli中去掉路由中的井号#操作
Sep 04 Javascript
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入门速成(2)
2006/10/09 PHP
PHP 实现多服务器共享 SESSION 数据
2009/08/15 PHP
PHP判断图片格式的七种方法小结
2013/06/03 PHP
php防止SQL注入详解及防范
2013/11/12 PHP
PHP实现的购物车类实例
2015/06/17 PHP
Yii2 rbac权限控制之菜单menu实例教程
2016/04/28 PHP
CI框架源码解读之URI.php中_fetch_uri_string()函数用法分析
2016/05/18 PHP
syntaxhighlighter 使用方法
2007/07/02 Javascript
JavaScript随机排序(随即出牌)
2010/09/17 Javascript
JavaScript避免代码的重复执行经验技巧分享
2014/04/17 Javascript
angularJS 入门基础
2015/02/09 Javascript
JS使用ajax从xml文件动态获取数据显示的方法
2015/03/24 Javascript
js css+html实现简单的日历
2016/07/14 Javascript
用js动态添加html元素,以及属性的简单实例
2016/07/19 Javascript
详解Javascript数据类型的转换规则
2016/12/12 Javascript
原生JS仿QQ阅读点击展开、收起效果
2017/03/08 Javascript
详解angularjs中的隔离作用域理解以及绑定策略
2017/05/31 Javascript
vue如何从接口请求数据
2017/06/22 Javascript
js变量声明var使用与不使用的区别详解
2019/01/21 Javascript
js实现简单掷骰子效果
2019/10/24 Javascript
JavaScript 监听组合按键思路及代码实现
2020/07/28 Javascript
JavaScript实现网页计算器功能
2020/10/29 Javascript
举例讲解Python中的身份运算符的使用方法
2015/10/13 Python
Python线性回归实战分析
2018/02/01 Python
python浪漫表白源码
2019/04/05 Python
python读取ini配置的类封装代码实例
2020/01/08 Python
Python基于Twilio及腾讯云实现国际国内短信接口
2020/06/18 Python
基于python实现简单网页服务器代码实例
2020/09/14 Python
给医务人员表扬信
2014/01/12 职场文书
厨师个人自我鉴定范文
2014/04/19 职场文书
仓库规划计划书
2014/04/28 职场文书
2014幼儿园教师师德师风演讲稿
2014/09/10 职场文书
家庭暴力离婚起诉书
2015/05/18 职场文书
2016年教师新年寄语
2015/08/18 职场文书
Redis中一个String类型引发的惨案
2021/07/25 Redis
Python实现视频中添加音频工具详解
2021/12/06 Python