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的一些总结
Nov 03 Javascript
JavaScript编程开发中的五个实用小技巧
Jul 22 Javascript
JS中的public和private对象,即static修饰符
Jan 18 Javascript
javascript读取xml实现javascript分页
Dec 13 Javascript
node.js中的fs.readlink方法使用说明
Dec 17 Javascript
jquery分析文本里url或邮件地址为真实链接的方法
Jun 20 Javascript
javascript瀑布流式图片懒加载实例
Jun 28 Javascript
vue动态绑定组件子父组件多表单验证功能的实现代码
May 14 Javascript
详解使用mpvue开发github小程序总结
Jul 25 Javascript
JavaScript 面向对象基础简单示例
Oct 02 Javascript
基于vue与element实现创建试卷相关功能(实例代码)
Dec 07 Vue.js
浅谈react useEffect闭包的坑
Jun 08 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
一个基于PDO的数据库操作类(新) 一个PDO事务实例
2011/07/03 PHP
windows7下安装php的php-ssh2扩展教程
2014/07/04 PHP
php文件上传简单实现方法
2015/01/24 PHP
PHP实现的文件操作类及文件下载功能示例
2016/12/24 PHP
php通过pecl方式安装扩展的实例讲解
2018/02/02 PHP
查看大图功能代码jquery版
2013/11/05 Javascript
javascript使用onclick事件改变选中行的颜色
2013/12/30 Javascript
模拟一个类似百度google的模糊搜索下拉列表
2014/04/15 Javascript
js冒泡、捕获事件及阻止冒泡方法详细总结
2014/05/08 Javascript
推荐一个封装好的getElementsByClassName方法
2014/12/02 Javascript
JavaScript更改原始对象valueOf的方法
2015/03/19 Javascript
你不知道的高性能JAVASCRIPT
2016/01/18 Javascript
详解使用nvm管理多版本node的方法
2017/08/30 Javascript
vue使用keep-alive实现数据缓存不刷新
2017/10/21 Javascript
vue自动化表单实例分析
2018/05/06 Javascript
node.js之基础加密算法模块crypto详解
2018/09/11 Javascript
基于脚手架创建Vue项目实现步骤详解
2020/08/03 Javascript
Antd中单个DatePicker限定时间输入范围操作
2020/10/29 Javascript
[01:32]完美世界DOTA2联赛10月29日精彩集锦
2020/10/30 DOTA
python通过ssh-powershell监控windows的方法
2015/06/02 Python
Python读取数据集并消除数据中的空行方法
2018/07/12 Python
TensorFlow实现模型评估
2018/09/07 Python
Python基础学习之类与实例基本用法与注意事项详解
2019/06/17 Python
Python实现FTP文件传输的实例
2019/07/07 Python
Python3实现mysql连接和数据框的形成(实例代码)
2020/01/17 Python
python中前缀运算符 *和 **的用法示例详解
2020/05/28 Python
浅谈Keras参数 input_shape、input_dim和input_length用法
2020/06/29 Python
Black Halo官方网站:购买连衣裙、礼服和连体裤
2018/06/13 全球购物
党员四风自我剖析材料思想汇报
2014/09/13 职场文书
庆国庆国旗下讲话稿2014
2014/09/21 职场文书
2014年法院个人工作总结
2014/12/17 职场文书
雷峰塔导游词
2015/02/09 职场文书
银行稽核岗位职责
2015/04/13 职场文书
安全主题班会教案
2015/08/12 职场文书
PHP 技巧 * SVG 保存为图片(分享图生成)
2021/04/02 PHP
mysql字段为NULL索引是否会失效实例详解
2022/05/30 MySQL