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 相关文章推荐
JSON 客户端和服务器端的格式转换
Aug 27 Javascript
js 浏览器事件介绍
Mar 30 Javascript
深入理解JavaScript系列(21):S.O.L.I.D五大原则之接口隔离原则ISP详解
Mar 05 Javascript
jquery分析文本里url或邮件地址为真实链接的方法
Jun 20 Javascript
JS前向后瞻正则表达式定义与用法示例
Dec 27 Javascript
解决给dom元素绑定click等事件无效问题的方法
Feb 17 Javascript
Angular1.x自定义指令实例详解
Mar 01 Javascript
Vue列表页渲染优化详解
Jul 24 Javascript
基于vue1和vue2获取dom元素的方法
Mar 17 Javascript
AngularJS中ng-options实现下拉列表的数据绑定方法
Aug 13 Javascript
如何检查一个对象是否为空
Apr 11 Javascript
详解JSON.stringify()的5个秘密特性
May 26 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
ThinkPHP 防止表单重复提交的方法
2011/08/08 PHP
PHP使用ActiveMQ实现消息队列的方法详解
2019/05/31 PHP
PHP实现简易图形计算器
2020/08/28 PHP
jquery imgareaselect 使用利用js与程序结合实现图片剪切
2009/07/30 Javascript
javascript for循环设法提高性能
2010/02/24 Javascript
QUnit jQuery的TDD框架
2010/11/04 Javascript
JavaScript高级程序设计 读书笔记之十一 内置对象Global
2012/03/07 Javascript
javascript中不等于的代码是什么怎么写
2013/12/29 Javascript
jQuery解决浏览器兼容性问题案例分析
2016/04/15 Javascript
jquery easyUI中ajax异步校验用户名
2016/08/19 Javascript
在线引用最新jquery文件的实现方法
2016/08/26 Javascript
ES6记录异步函数的执行时间详解
2016/08/31 Javascript
JS实现自动轮播图效果(自适应屏幕宽度+手机触屏滑动)
2017/06/19 Javascript
详解webpack进阶之插件篇
2017/07/06 Javascript
web前端vue之vuex单独一文件使用方式实例详解
2018/01/11 Javascript
Vue 实现展开折叠效果的示例代码
2018/08/27 Javascript
jQuery pagination分页示例详解
2018/10/23 jQuery
vue-cli3配置与跨域处理方法
2019/08/17 Javascript
js实现选项卡效果
2020/03/07 Javascript
jQuery实现的分页插件完整示例
2020/05/26 jQuery
vue接口请求加密实例
2020/08/11 Javascript
web.py获取上传文件名的正确方法
2014/08/26 Python
python实现爬虫下载美女图片
2015/07/14 Python
windows下 兼容Python2和Python3的解决方法
2018/12/05 Python
详解Python3网络爬虫(二):利用urllib.urlopen向有道翻译发送数据获得翻译结果
2019/05/07 Python
Python字典对象实现原理详解
2019/07/01 Python
使用IPython或Spyder将省略号表示的内容完整输出
2020/04/20 Python
pandas按条件筛选数据的实现
2021/02/20 Python
一款纯css3实现的tab选项卡的实列教程
2014/12/11 HTML / CSS
Internal修饰符有什么含义
2013/07/10 面试题
如何写你的创业计划书
2014/01/07 职场文书
建设投标担保书
2014/05/13 职场文书
优秀党务工作者先进事迹材料
2014/12/25 职场文书
2015大学生党员自我评价范文
2015/03/03 职场文书
先进个人自荐书
2015/03/06 职场文书
三八节祝酒词
2015/08/11 职场文书