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 dom代码应用 简单的相册[firefox only]
Jun 12 Javascript
jquery实现input输入框实时输入触发事件代码
Jan 28 Javascript
Javascript中对象继承的实现小例
May 12 Javascript
js的回调函数详解
Jan 05 Javascript
JavaScript实现为指定对象添加多个事件处理程序的方法
Apr 17 Javascript
input点击后placeholder中的提示消息消失
Jan 15 Javascript
微信小程序 location API接口详解及实例代码
Oct 12 Javascript
javascript基础练习之翻转字符串与回文
Feb 20 Javascript
javascript 组合按键事件监听实现代码
Feb 21 Javascript
DataTables添加额外的查询参数和删除columns等无用参数实例
Jul 04 Javascript
js+html5实现半透明遮罩层弹框效果
Aug 24 Javascript
Vue的移动端多图上传插件vue-easy-uploader的示例代码
Nov 27 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(3)
2006/10/09 PHP
php字符串截取中文截取2,单字节截取模式
2007/12/10 PHP
PHP中file_get_contents高?用法实例
2014/09/24 PHP
php封装实现钉钉机器人报警接口的示例代码
2020/08/08 PHP
Javascript学习笔记一 之 数据类型
2010/12/15 Javascript
javascript表单验证 - Parsley.js使用和配置
2013/01/25 Javascript
Table冻结表头示例代码
2013/08/20 Javascript
分享Javascript中最常用的55个经典小技巧
2013/11/29 Javascript
js对象内部访问this修饰的成员函数示例
2014/04/27 Javascript
排序算法的javascript实现与讲解(99js手记)
2014/09/28 Javascript
jquery实现简单实用的弹出层效果代码
2015/10/15 Javascript
基于AngularJS实现页面滚动到底自动加载数据的功能
2015/10/16 Javascript
深入理解js数组的sort排序
2016/05/28 Javascript
微信小程序侧边栏滑动特效(左右滑动)
2017/01/23 Javascript
Kindeditor单独调用单图上传增加预览功能的实例
2017/07/31 Javascript
Vue使用Clipboard.JS在h5页面中复制内容实例详解
2019/09/03 Javascript
[44:50]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第二局
2016/02/26 DOTA
python微信跳一跳系列之自动计算跳一跳距离
2018/02/26 Python
python MNIST手写识别数据调用API的方法
2018/08/08 Python
numpy linalg模块的具体使用方法
2019/05/26 Python
PyQt5使用QTimer实现电子时钟
2019/07/29 Python
Python3.8对可迭代解包的改进及用法详解
2019/10/15 Python
python对一个数向上取整的实例方法
2020/06/18 Python
css3实现小箭头各种图形效果
2020/07/08 HTML / CSS
荷兰鞋子在线:Nelson Schoenen
2017/12/25 全球购物
PHP中如何使用Cookie
2015/10/28 面试题
傲盾软件面试题
2015/08/17 面试题
大学应届毕业生个人求职信
2013/09/23 职场文书
优秀毕业生自荐信
2014/06/10 职场文书
雷人标语集锦
2014/06/19 职场文书
市场营销专业应届生自荐信
2014/06/19 职场文书
2014年最新领导班子整改方案
2014/09/27 职场文书
导游词之湖北武当山
2019/09/23 职场文书
Python代码,能玩30多款童年游戏!这些有几个是你玩过的
2021/04/27 Python
Oracle11g R2 安装教程完整版
2021/06/04 Oracle
Python多线程 Queue 模块常见用法
2021/07/04 Python