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 相关文章推荐
拖拉表格的JS函数
Nov 20 Javascript
javascript 检测浏览器类型和版本的代码
Sep 15 Javascript
js四舍五入数学函数round使用实例
May 09 Javascript
实例分析javascript中的call()和apply()方法
Nov 28 Javascript
JS基于clipBoard.js插件实现剪切、复制、粘贴
May 03 Javascript
Javascript之BOM(window对象)详解
May 25 Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
May 26 Javascript
Angularjs验证用户输入的字符串是否为日期时间
Jun 01 Javascript
VUE v-for循环中每个item节点动态绑定不同函数的实例
Sep 26 Javascript
jquery实现联想词搜索框和搜索结果分页的示例
Oct 10 jQuery
基于layui内置模块(element常用元素的操作)
Sep 20 Javascript
使用vue判断当前环境是安卓还是IOS
Apr 12 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将数组转换成csv格式文件输出的方法
2015/03/14 PHP
扩展javascript的Date方法实现代码(prototype)
2010/11/20 Javascript
Prototype源码浅析 String部分(三)之HTML字符串处理
2012/01/15 Javascript
Nodejs实现的一个静态服务器实例
2014/12/06 NodeJs
《JavaScript DOM 编程艺术》读书笔记之JavaScript 语法
2015/01/09 Javascript
Javascript中this关键字的一些小知识
2015/03/15 Javascript
jQuery控制cookie过期时间的方法
2015/04/07 Javascript
js返回顶部实例分享
2016/12/21 Javascript
Angualrjs和bootstrap相结合实现数据表格table
2017/03/30 Javascript
es6学习笔记之Async函数基本教程
2017/05/11 Javascript
JS module的导出和导入的实现代码
2019/02/25 Javascript
vue.js+elementUI实现点击左右箭头切换头像功能(类似轮播图效果)
2019/09/05 Javascript
微信小程序以7天为周期连续签到7天功能效果的示例代码
2020/08/20 Javascript
[53:36]Liquid vs VP Supermajor决赛 BO 第三场 6.10
2018/07/05 DOTA
urllib2自定义opener详解
2014/02/07 Python
python通过BF算法实现关键词匹配的方法
2015/03/13 Python
利用Python自带PIL库扩展图片大小给图片加文字描述的方法示例
2017/08/08 Python
python检测空间储存剩余大小和指定文件夹内存占用的实例
2018/06/11 Python
Python绘制动态水球图过程详解
2020/06/03 Python
python3的pip路径在哪
2020/06/23 Python
python正则表达式的懒惰匹配和贪婪匹配说明
2020/07/13 Python
关于Python3爬虫利器Appium的安装步骤
2020/07/29 Python
地图可视化神器kepler.gl python接口的使用方法
2020/12/22 Python
jupyter 添加不同内核的操作
2021/02/06 Python
介绍一下Cookie和Session及他们之间的区别
2012/11/20 面试题
机械专业毕业生自荐信
2013/11/02 职场文书
英文请假条
2014/04/11 职场文书
党的群众路线教育实践活动对照检查剖析材料
2014/10/09 职场文书
王兆力在市委党的群众路线教育实践活动总结大会上的讲话稿
2014/10/25 职场文书
群众路线教育实践活动整改落实情况汇报
2014/10/28 职场文书
综合办公室主任岗位职责
2015/04/01 职场文书
投诉信回复范文
2015/07/03 职场文书
2015秋季田径运动会广播稿
2015/08/19 职场文书
2016预备党员培训心得体会
2016/01/08 职场文书
浅析InnoDB索引结构
2021/04/05 MySQL
详解Laravel服务容器的优势
2021/05/29 PHP