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 相关文章推荐
jQuery数据显示插件整合实现代码
Oct 24 Javascript
JS实现一键回顶功能示例代码
Oct 28 Javascript
jQuery 的全选(全非选)即取得被选中的值使用介绍
Nov 12 Javascript
js中settimeout方法加参数
Feb 28 Javascript
javascript对象的使用和属性操作示例详解
Mar 02 Javascript
基于javascript实现右下角浮动广告效果
Jan 08 Javascript
Javascript 对cookie操作详解及实例
Dec 29 Javascript
微信小程序 Nginx环境配置详细介绍
Feb 14 Javascript
Servlet3.0与纯javascript通过Ajax交互的实例详解
Mar 18 Javascript
如何用JavaScript实现功能齐全的单链表详解
Feb 11 Javascript
从0搭建vue-cli4脚手架
Jun 17 Javascript
node.js如何自定义实现一个EventEmitter
Jul 16 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服务器实现多session并发运行
2006/10/09 PHP
php数据结构与算法(PHP描述) 快速排序 quick sort
2012/06/21 PHP
PHP关联链接常用代码
2012/11/05 PHP
PHP快速按行读取CSV大文件的封装类分享(也适用于其它超大文本文件)
2014/04/10 PHP
在Linux系统的服务器上隐藏PHP版本号的方法
2015/06/06 PHP
5款适合PHP使用的HTML编辑器推荐
2015/07/03 PHP
php中文乱码问题的终极解决方案汇总
2017/08/01 PHP
ThinkPHP5与单元测试PHPUnit使用详解
2020/02/23 PHP
Jquery网页出现的乱码问题的三种解决方法
2013/06/30 Javascript
浅谈Javascript中深复制
2014/12/01 Javascript
javascript操作数组详解
2014/12/17 Javascript
jquery.mobile 共同布局遇到的问题小结
2015/02/10 Javascript
JS实现合并两个数组并去除重复项只留一个的方法
2015/12/17 Javascript
js父页面中使用子页面的方法
2016/01/09 Javascript
JavaScript 数组的深度复制解析
2016/11/02 Javascript
jQuery实现文章图片弹出放大效果
2017/04/06 jQuery
jQuery序列化后的表单值转换成Json
2017/06/16 jQuery
深入理解Vue 的条件渲染和列表渲染
2017/09/01 Javascript
react中fetch之cors跨域请求的实现方法
2018/03/14 Javascript
vue组件横向树实现代码
2018/08/02 Javascript
qrcode生成二维码微信长按无法识别问题的解决
2019/04/04 Javascript
使用Vue父子组件通信实现todolist的功能示例代码
2019/04/11 Javascript
javaScript中indexOf用法技巧
2019/11/26 Javascript
js如何验证密码强度
2020/03/18 Javascript
微信小程序实现上传照片代码实例解析
2020/08/04 Javascript
详解vue修改elementUI的分页组件视图没更新问题
2020/11/13 Javascript
利用Python演示数型数据结构的教程
2015/04/03 Python
在Python下利用OpenCV来旋转图像的教程
2015/04/16 Python
python 批量修改/替换数据的实例
2018/07/25 Python
纯CSS和jQuery实现的在页面顶部显示的进度条效果2例(仿手机浏览器进度条效果)
2014/04/16 HTML / CSS
纽约JewelryAffairs珠宝店:精细金银时尚首饰
2017/02/05 全球购物
公共汽车、火车和飞机票的通用在线预订和销售平台:INFOBUS
2019/11/30 全球购物
2014学雷锋活动心得体会
2014/03/10 职场文书
SQL Server基本使用和简单的CRUD操作
2021/04/05 SQL Server
带你学习MySQL执行计划
2021/05/31 MySQL
Java 超详细讲解十大排序算法面试无忧
2022/04/08 Java/Android