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 相关文章推荐
VBS通过WMI监视注册表变动的代码
Oct 27 Javascript
深入理解JavaScript高级之词法作用域和作用域链
Dec 10 Javascript
获取select元素被选中的文本内容的js代码
Jan 29 Javascript
jQuery表格排序组件-tablesorter使用示例
May 26 Javascript
JQuery 在文档中查找指定name的元素并移除的实现方法
May 19 Javascript
AngularJS基础 ng-href 指令用法
Aug 01 Javascript
Web前端框架bootstrap实战【第一次接触使用】
Dec 28 Javascript
jQuery编写网页版2048小游戏
Jan 06 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
Jan 12 Javascript
详解Vue 方法与事件处理器
Jun 20 Javascript
JavaScript判断输入是否为数字类型的方法总结
Sep 28 Javascript
vue穿梭框实现上下移动
Jan 29 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
phpmyadmin的#1251问题
2006/11/25 PHP
PHP中防止SQL注入攻击和XSS攻击的两个简单方法
2010/04/15 PHP
PHP系列学习之日期函数使用介绍
2012/08/18 PHP
laravel框架语言包拓展实现方法分析
2019/11/22 PHP
非常不错的功能强大代码简单的管理菜单美化版
2008/07/09 Javascript
Lazy Load 延迟加载图片的 jQuery 插件
2010/02/06 Javascript
js 实现css风格选择器(压缩后2KB)
2012/01/12 Javascript
jquery 层次选择器siblings与nextAll的区别介绍
2013/08/02 Javascript
node.js中的console.log方法使用说明
2014/12/09 Javascript
用JS实现图片轮播效果代码(一)
2016/06/26 Javascript
又一枚精彩的弹幕效果jQuery实现
2016/07/25 Javascript
详解AngularJS如何实现跨域请求
2016/08/22 Javascript
同步异步动态引入js文件的几种方法总结
2016/09/23 Javascript
jQuery得到多个值只能用取Class ,不能用取ID的方法
2016/12/04 Javascript
JavaScript实现鼠标点击导航栏变色特效
2017/02/08 Javascript
JSON在Javascript中的使用(eval和JSON.parse的区别)详细解析
2017/09/05 Javascript
详解Angular2学习笔记之Html属性绑定
2018/01/03 Javascript
ES6中let 和 const 的新特性
2018/09/03 Javascript
JS/HTML5游戏常用算法之追踪算法实例详解
2018/12/12 Javascript
浅谈实现在线预览PDF的几种解决办法
2020/08/10 Javascript
Antd下拉选择,自动匹配功能的实现
2020/10/24 Javascript
JS实现鼠标移动拖尾
2020/12/27 Javascript
[16:21]教你分分钟做大人:圣堂刺客
2014/12/03 DOTA
[48:56]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 VG vs KG
2018/03/31 DOTA
[09:40]DAC2018 4.5 SOLO赛 MidOne vs Miracle
2018/04/06 DOTA
对python 调用类属性的方法详解
2019/07/02 Python
python创建学生管理系统
2019/11/22 Python
Python读取yaml文件的详细教程
2020/07/21 Python
pycharm 关闭search everywhere的解决操作
2021/01/15 Python
威尔逊皮革:Wilsons Leather
2018/12/07 全球购物
学前教育毕业生自荐信
2013/10/29 职场文书
机械系大学毕业生推荐信
2013/11/27 职场文书
电气工程师岗位职责
2014/01/01 职场文书
物流仓管员工作职责
2014/01/06 职场文书
群众路线自查报告及整改措施
2014/11/04 职场文书
顶岗实习计划书
2015/01/16 职场文书