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中 For, While与递归的用法
May 07 Javascript
js 单击式的下拉菜单效果实例
Aug 13 Javascript
微信浏览器内置JavaScript对象WeixinJSBridge使用实例
May 25 Javascript
javascript精确统计网站访问量实例代码
Dec 19 Javascript
js面向对象的写法
Feb 19 Javascript
JavaScript鼠标事件,点击鼠标右键,弹出div的简单实例
Aug 03 Javascript
JavaScript中双符号的运算详解
Mar 12 Javascript
VUE实现表单元素双向绑定(总结)
Aug 08 Javascript
vue2过滤器模糊查询方法
Sep 16 Javascript
简单两步使用node发送qq邮件的方法
Mar 01 Javascript
vue组件化中slot的基本使用方法
May 01 Javascript
iview实现图片上传功能
Jun 29 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 生成随机验证码图片代码
2010/02/08 PHP
php+curl 发送图片处理代码分享
2015/07/09 PHP
js最简单的拖拽效果实现代码
2010/09/24 Javascript
jquery一般方法介绍 入门参考
2011/06/21 Javascript
用JQuery在网页中实现分隔条功能的代码
2012/08/09 Javascript
javascript object array方法使用详解
2012/12/03 Javascript
JS简单实现文件上传实例代码(无需插件)
2013/11/15 Javascript
chrome下img加载对height()的影响示例探讨
2014/05/26 Javascript
JavaScript中textRange对象使用方法小结
2015/03/24 Javascript
浅谈Javascript实现继承的方法
2015/07/06 Javascript
百度地图API之本地搜索与范围搜索
2015/07/30 Javascript
jquery实现图片平滑滚动详解
2017/03/22 jQuery
Angular.Js之Scope作用域的学习教程
2017/04/27 Javascript
详解A标签中href=&quot;&quot;的几种用法
2017/08/20 Javascript
浅谈angular4生命周期钩子
2017/09/05 Javascript
javascript实现循环广告条效果
2017/12/12 Javascript
Vue父组件调用子组件事件方法
2018/02/23 Javascript
vue使用原生js实现滚动页面跟踪导航高亮的示例代码
2018/10/25 Javascript
Vue 3.0 前瞻Vue Function API新特性体验
2019/08/12 Javascript
微信小程序自定义扫码功能界面的实现代码
2020/07/02 Javascript
vue 使用lodash实现对象数组深拷贝操作
2020/09/10 Javascript
python连接远程ftp服务器并列出目录下文件的方法
2015/04/01 Python
使用Python读取安卓手机的屏幕分辨率方法
2018/03/31 Python
Python使用win32com模块实现数据库表结构自动生成word表格的方法
2018/07/17 Python
Python3如何判断三角形的类型
2020/04/12 Python
巴西网上药房:onofre
2016/11/21 全球购物
英国拳击装备购物网站:RDX Sports
2018/01/23 全球购物
公共汽车、火车和飞机票的通用在线预订和销售平台:INFOBUS
2019/11/30 全球购物
书法兴趣小组活动总结
2014/07/07 职场文书
厨师长岗位职责范本
2014/08/25 职场文书
购房意向书
2014/08/30 职场文书
城管执法人员纪律作风整顿思想汇报
2014/09/13 职场文书
协议书范文
2015/01/27 职场文书
Vue3.0中Ref与Reactive的区别示例详析
2021/07/07 Vue.js
十大最强火系宝可梦,喷火龙上榜,第一名有双火属性
2022/03/18 日漫
python读取mat文件生成h5文件的实现
2022/07/15 Python