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 相关文章推荐
JS+XML 省份和城市之间的联动实现代码
Oct 14 Javascript
jQuery中$.click()无效问题分析
Jan 29 Javascript
jquery 构造函数在表单提交过程中修改数据
May 25 Javascript
jquery插件EasyUI中form表单提交实例分享
Jan 11 Javascript
三个js循环的关键字示例(for与while)
Feb 16 Javascript
分享bootstrap学习笔记心得(组件及其属性)
Jan 11 Javascript
带你快速理解javascript中的事件模型
Aug 14 Javascript
echarts饼图扇区添加点击事件的实例
Oct 16 Javascript
JavaScript实现音乐自动切换和轮播
Nov 05 Javascript
layui table 参数设置方法
Aug 14 Javascript
在vue中多次调用同一个定义全局变量的实例
Sep 25 Javascript
Vue配置marked链接添加target=&quot;_blank&quot;的方法
Jul 19 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标签制作教程
2014/07/10 PHP
thinkphp中session和cookie无效的解决方法
2014/12/19 PHP
1亿条数据如何分表100张到Mysql数据库中(PHP)
2015/07/29 PHP
php基于PDO实现功能强大的MYSQL封装类实例
2017/02/27 PHP
PHPMAILER实现PHP发邮件功能
2018/04/18 PHP
PHP设计模式之适配器模式原理与用法分析
2018/04/25 PHP
基于Laravel 多个中间件的执行顺序详解
2019/10/21 PHP
Jquery 学习笔记(一)
2009/10/13 Javascript
jQuery EasyUI API 中文文档 - Pagination分页
2011/09/29 Javascript
两个listbox实现选项的添加删除和搜索
2013/03/01 Javascript
.net,js捕捉文本框回车键事件的小例子(兼容多浏览器)
2013/03/11 Javascript
jquery进行数组遍历如何跳出当前的each循环
2014/06/05 Javascript
JavaScript中Number.MAX_VALUE属性的使用方法
2015/06/04 Javascript
只要1K 纯JS脚本送你一朵3D红色玫瑰
2016/08/09 Javascript
在localStorage中存储对象数组并读取的方法
2016/09/24 Javascript
Javascript 事件冒泡机制详细介绍
2016/10/10 Javascript
从0搭建vue-cli4脚手架
2020/06/17 Javascript
Node.js 中如何收集和解析命令行参数
2021/01/08 Javascript
Python实现求数列和的方法示例
2018/01/12 Python
Python BeautifulSoup [解决方法] TypeError: list indices must be integers or slices, not str
2019/08/07 Python
python django 原生sql 获取数据的例子
2019/08/14 Python
Ubuntu下Python+Flask分分钟搭建自己的服务器教程
2019/11/19 Python
Python如何设置指定窗口为前台活动窗口
2020/08/12 Python
GitHub上值得推荐的8个python 项目
2020/10/30 Python
纯CSS3代码实现文字描边
2016/04/25 HTML / CSS
美国手机支架公司:PopSockets
2019/11/27 全球购物
static全局变量与普通的全局变量有什么区别?static局部变量和普通局部变量有什么区别?static函数与普通函数有什么区别?
2015/02/22 面试题
培训主管的岗位职责
2013/11/23 职场文书
中华魂演讲稿
2014/05/13 职场文书
信电学院毕业生自荐书
2014/05/24 职场文书
党在我心中的演讲稿
2014/09/13 职场文书
党的群众路线教育实践活动对照检查材料思想汇报
2014/09/19 职场文书
2014年学生会主席工作总结
2014/11/07 职场文书
胡雪岩故居导游词
2015/02/06 职场文书
欠条样本
2015/07/03 职场文书
2015年秋学期师德师风建设工作总结
2015/10/23 职场文书