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 表单下所有元素的隐藏
Jul 25 Javascript
js url传值中文乱码之解决之道
Nov 20 Javascript
jquery 学习笔记一
Apr 07 Javascript
文本框只能选择数据到文本框禁止手动输入
Nov 22 Javascript
jquery基础教程之数组使用详解
Mar 10 Javascript
jquery 获取 outerHtml 包含当前节点本身的代码
Oct 30 Javascript
javascript实现禁止鼠标滚轮事件
Jul 24 Javascript
javascript中对变量类型的判断方法
Aug 09 Javascript
jQuery之动画ajax事件(实例讲解)
Jul 18 jQuery
React中使用collections时key的重要性详解
Aug 07 Javascript
Vue仿微信app页面跳转动画效果
Aug 21 Javascript
js里面的变量范围分享
Jul 18 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 正则学习实例
2008/07/30 PHP
php代码中使用换行及(\n或\r\n和br)的应用
2013/02/02 PHP
Yii框架中sphinx索引配置方法解析
2016/10/18 PHP
php获取excel文件数据
2017/04/21 PHP
Javascript 汉字字节判断
2009/08/01 Javascript
js 变量类型转换常用函数与代码[比较全]
2009/12/01 Javascript
jQuery 改变CSS样式基础代码
2010/02/11 Javascript
非常漂亮的JS+CSS图片幻灯切换特效
2013/11/20 Javascript
分享两个手机访问pc网站自动跳转手机端网站代码
2020/12/24 Javascript
jquery.gridrotator实现响应式图片展示画廊效果
2015/06/23 Javascript
jquery+CSS实现的水平布局多级网页菜单效果
2015/08/24 Javascript
动态生成的DOM不会触发onclick事件的原因及解决方法
2016/08/06 Javascript
js+css3实现旋转效果
2017/01/20 Javascript
JavaScript实现移动端轮播效果
2017/06/06 Javascript
javascript数组定义的几种方法
2017/10/06 Javascript
Nodejs下使用gm圆形裁剪并合成图片的示例
2018/02/22 NodeJs
如何在vue中使用ts的示例代码
2018/02/28 Javascript
javascript性能优化之分时函数的介绍
2018/03/28 Javascript
npm 下载指定版本的组件方法
2018/05/17 Javascript
ndm:NPM的桌面GUI应用程序
2018/10/15 Javascript
VUE 解决mode为history页面为空白的问题
2019/11/01 Javascript
js实现选项卡效果
2020/03/07 Javascript
小程序Scroll-view上拉滚动刷新数据
2020/06/21 Javascript
在vue中使用Base64转码的案例
2020/08/07 Javascript
[06:04]DOTA2国际邀请赛纪录片:Just For LGD
2013/08/11 DOTA
TensorFlow实现非线性支持向量机的实现方法
2018/04/28 Python
python 两个一样的字符串用==结果为false问题的解决
2020/03/12 Python
关于tf.matmul() 和tf.multiply() 的区别说明
2020/06/18 Python
python如何实现递归转非递归
2021/02/25 Python
法国亚马逊官方网站:Amazon.fr
2020/12/19 全球购物
奶茶店创业计划书范文
2014/01/17 职场文书
公司门卫岗位职责
2014/03/15 职场文书
2014年维稳工作总结
2014/11/18 职场文书
2015年防灾减灾工作总结
2015/07/24 职场文书
《开国大典》教学反思
2016/02/16 职场文书
合作意向书范本
2019/04/17 职场文书