iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > node.js >JavaScript如何实现校验Number(4,1)格式的数字
  • 105
分享到

JavaScript如何实现校验Number(4,1)格式的数字

2024-04-02 19:04:59 105人浏览 八月长安
摘要

小编给大家分享一下javascript如何实现校验Number(4,1)格式的数字,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

小编给大家分享一下javascript如何实现校验Number(4,1)格式的数字,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

项目里面有个录入,需要数字格式进行校验,前端使用的是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)格式的数字”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网node.js频道!

--结束END--

本文标题: JavaScript如何实现校验Number(4,1)格式的数字

本文链接: https://www.lsjlt.com/news/74681.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JavaScript如何实现校验Number(4,1)格式的数字
    小编给大家分享一下JavaScript如何实现校验Number(4,1)格式的数字,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!...
    99+
    2024-04-02
  • java如何校验json的格式
    这篇文章主要介绍“java如何校验json的格式”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“java如何校验json的格式”文章能帮助大家解决问题。JSON SchemaJSON Schema 是...
    99+
    2023-07-06
  • 如何实现golan参数校验Validator
    这篇文章主要介绍如何实现golan参数校验Validator,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!1.实践go get github.com/go-playground/validator...
    99+
    2023-06-22
  • java如何优雅的实现参数非空校验,快速实现参数非空校验,使用@valid实现参数非空校验
    在java项目接口中,有些必传参数需要进行非空校验,如果参数过多,代码会繁杂且冗余,如何优雅的对参数进行非空校验,下面是实现流程 目录 一、整体思路二、引入依赖1、SpringBoot项...
    99+
    2023-10-21
    java 开发语言
  • JavaScript如何实现随机码的生成与校验
    这篇文章给大家分享的是有关JavaScript如何实现随机码的生成与校验的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。JavaScript有什么特点1、js属于一种解释性脚本语言;2、在绝大多数浏览器的支持下,j...
    99+
    2023-06-14
  • Java如何实现优雅的参数校验
    这篇文章主要介绍“Java如何实现优雅的参数校验”,在日常操作中,相信很多人在Java如何实现优雅的参数校验问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Java如何实现优雅的参数校验”的疑惑有所帮助!接下来...
    99+
    2023-07-02
  • javaScript如何实现强制保留两位小数的输入数校验
    这篇文章主要为大家展示了“javaScript如何实现强制保留两位小数的输入数校验”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“javaScript如何实现强制...
    99+
    2024-04-02
  • 详解Java如何实现数值校验的算法
    给定一个字符串如何判断它是否为数值类型?例如:字符串+100、5e2、-123、3.1416以及-1E-16都表示数值,为数值类型,但12e、1a3.14、1.2.3、+-5以及12...
    99+
    2024-04-02
  • javascript怎么实现进行客户端数据的校验
    这篇文章主要讲解了“javascript怎么实现进行客户端数据的校验”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“javascript怎么实现进行客户端数据的校验”吧!脚本代码:<scrip...
    99+
    2023-06-03
  • javaScript如何实现手机号码校验工具类PhoneUtils
    这篇文章主要介绍javaScript如何实现手机号码校验工具类PhoneUtils,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!具体内容如下//PhoneUtils命名空间 ...
    99+
    2024-04-02
  • 如何实现Javascript格式化并高亮xml字符串
    这篇文章给大家分享的是有关如何实现Javascript格式化并高亮xml字符串的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。两个关键点1.使用DOMParser解析xml2.递归...
    99+
    2024-04-02
  • SpringBoot如何利用validation实现优雅的校验参数
    这篇“SpringBoot如何利用validation实现优雅的校验参数”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Spr...
    99+
    2023-07-02
  • Spring WebFlux如何实现参数校验的示例代码
    这篇文章主要为大家展示了“Spring WebFlux如何实现参数校验的示例代码”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Spring WebFlux如何实现参数校验的示例代码”这篇文章吧。...
    99+
    2023-06-20
  • jquery如何实现验证数字
    本篇内容主要讲解“jquery如何实现验证数字”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“jquery如何实现验证数字”吧! 方法...
    99+
    2024-04-02
  • python如何实现字符串的格式化
    这篇文章将为大家详细讲解有关python如何实现字符串的格式化,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。字符串的格式化name = "Chan" &n...
    99+
    2023-06-27
  • JavaScript如何实现用户名和密码表单校验功能
    这篇文章主要介绍“JavaScript如何实现用户名和密码表单校验功能”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“JavaScript如何实现用户名和密码表单校验功能”文章能帮助大家解决问题。代码...
    99+
    2023-07-04
  • vue中如何实现input输入校验字母数字组合且长度小于30
    小编给大家分享一下vue中如何实现input输入校验字母数字组合且长度小于30,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!具体...
    99+
    2024-04-02
  • javascript如何验证香港身份证的格式或真实性
    这篇文章给大家分享的是有关javascript如何验证香港身份证的格式或真实性的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。看代码function IsHKID(str...
    99+
    2024-04-02
  • python如何实现字符串格式化
    这篇文章主要为大家展示了“python如何实现字符串格式化”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“python如何实现字符串格式化”这篇文章吧。字符串格式...
    99+
    2024-04-02
  • ajax如何实现用户名校验的传统和jquery的$.post方式
    这篇文章主要介绍了ajax如何实现用户名校验的传统和jquery的$.post方式,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。第一种:传统的ajax异步请求,后台代码以及效...
    99+
    2023-06-08
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作