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 相关文章推荐
文字不间断滚动(上下左右)实例代码
Apr 21 Javascript
javascript弹出层输入框(示例代码)
Dec 11 Javascript
Javascript浅谈之引用类型
Dec 18 Javascript
Javascript核心读书有感之语言核心
Feb 01 Javascript
使用javascript提交form表单方法汇总
Jun 25 Javascript
jQuery+AJAX实现无刷新下拉加载更多
Jul 03 Javascript
javascript常用正则表达式汇总
Jul 31 Javascript
浅析如何利用JavaScript进行语音识别
Oct 27 Javascript
Vue.js实现多条件筛选、搜索、排序及分页的表格功能
Nov 24 Javascript
jQuery解析json格式数据示例
Sep 01 jQuery
微信公众号H5之微信分享常见错误和问题(小结)
Nov 14 Javascript
JavaScript进阶(四)原型与原型链用法实例分析
May 09 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
MYSQL数据库初学者使用指南
2006/11/16 PHP
php获得当前的脚本网址
2007/12/10 PHP
PHP框架Laravel插件Pagination实现自定义分页
2020/04/22 PHP
!DOCTYPE声明对JavaScript的影响分析
2010/04/12 Javascript
jquery判断元素的子元素是否存在的示例代码
2014/02/04 Javascript
jQuery中:hidden选择器用法实例
2014/12/30 Javascript
bootstrap table 服务器端分页例子分享
2015/02/10 Javascript
最流行的Node.js精简型和全栈型开发框架介绍
2015/02/26 Javascript
使用递归遍历对象获得value值的实现方法
2016/06/14 Javascript
浅谈Node.js:Buffer模块
2016/12/05 Javascript
详解Vue整合axios的实例代码
2017/06/21 Javascript
微信小程序首页的分类功能和搜索功能的实现思路及代码详解
2018/09/11 Javascript
JS可断点续传文件上传实现代码解析
2020/07/30 Javascript
python框架django基础指南
2016/09/08 Python
深入理解NumPy简明教程---数组1
2016/12/17 Python
Python 登录网站详解及实例
2017/04/11 Python
python实现人人自动回复、抢沙发功能
2018/06/08 Python
使用 Python 实现简单的 switch/case 语句的方法
2018/09/17 Python
浅述python2与python3的简单区别
2018/09/19 Python
Python爬虫——爬取豆瓣电影Top250代码实例
2019/04/17 Python
Python3 itchat实现微信定时发送群消息的实例代码
2019/07/12 Python
对django 模型 unique together的示例讲解
2019/08/06 Python
python数据预处理 :数据抽样解析
2020/02/24 Python
TensorFLow 数学运算的示例代码
2020/04/21 Python
python 进制转换 int、bin、oct、hex的原理
2021/01/13 Python
HTML5通过调用canvas对象的getContext()方法来获取绘图环境
2014/06/23 HTML / CSS
使用HTML5中的contentEditable来将多行文本自动增高
2016/03/01 HTML / CSS
《跨越海峡的生命桥》教学反思
2014/02/24 职场文书
医学生求职信
2014/07/01 职场文书
预备党员思想汇报1000字
2014/10/07 职场文书
2014年终工作总结范本
2014/12/15 职场文书
离婚协议书样本
2015/01/26 职场文书
幼儿园母亲节活动总结
2015/02/10 职场文书
财务会计个人原因辞职信
2019/06/21 职场文书
JavaScript继承的三种方法实例
2021/05/12 Javascript
电脑开机弹出documents文件夹怎么回事?弹出documents文件夹解决方法
2022/04/08 数码科技