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)格式的数字实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！
相关推荐
-
SpringMVC 使用JSR-303进行校验 @Valid示例
使用注解 一.准备校验时使用的JAR validation-api-1.0.0.GA.jar:JDK的接口: hibernate-validator-4.2.0.Final.jar是对上述接口的实现: log4j.slf4j.slf4j-log4j 二.编写需要校验的bean @NotNull(message="名字不能为空") private String userName; @Max(value=120,message="年龄最大不能查过120") privat
-
springmvc使用JSR-303进行数据校验实例
项目中,通常使用较多的是前端的校验,比如页面中js校验以及form表单使用bootstrap校验.然而对于安全要求较高点建议在服务端进行校验. 服务端校验: 控制层controller:校验页面请求的参数的合法性.在服务端控制层controller校验,不区分客户端类型. 业务层service(使用较多):主要校验关键业务参数,仅限于service接口中使用的参数. 持久层dao:一般是不校验的. 环境集成 1.添加jar包: 此处使用hibernate-validator实现(版本:hiber
-
为输入框加入数字js校验代码分享
js限制只能数字输入,并且在把输入的"非法字符"清除掉之后将焦点停留在输入非法字符的位置,参考如下: html部分: <input value="" type="text" onkeyup="javascript:RepNumber(this)"> JavaScript部分: function RepNumber(obj) { var reg = /^[\d]+$/g; if (!reg.test(obj.valu
-
js输入框使用正则表达式校验输入内容的实例
js输入框输入校验 /*用户名称格式判断--用户名只能为下划线.数字.字母或中文长度不超过10个字符*/ function checkUserName(str) { var reg = /^[_0-9a-zA-Z\u4e00-\u9fa5]{1,10}$/; return reg.test(str); } 以上这篇js输入框使用正则表达式校验输入内容的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.
-
Angularjs使用指令做表单校验的方法
前言 通常,使用angular做表单验证,一般都是把验证规则单独写为service,然后通过依赖注入的方式调用.在个别情况下,例如用户注册表单,需要根据用户输入给出不同提示信息,使用service略显不合适宜,所以可以采用指令的方式. 简易表单 如下为一个简易表单,有四项提示信息,依据状态呈现.校验规则为数字,大写字母,小写字母至少出现两项,通过正则配合ng-pattern能够实现相同的效果,此处仅为引入指令校验,不做深究.其中,user-validator为自定义指令. <form class
-
Extjs表单输入框异步校验的插件实现方法
一.效果如图所示 特点: 1.异步后台校验不会对用户操作产生阻塞感: 2.可在用户停止输入后自动校验,避免频繁进行无谓的后台校验: 3.以插件方式实现,方便使用: 二.插件源码如下: /** * Created by jiawenjun on 2016/10/19. */ Ext.define('Ext.ux.plugins.FieldAjaxVerify',{ extend: 'Ext.AbstractPlugin', alias: 'plugin.fieldajaxverify', buff
-
详解AngularJs HTTP响应拦截器实现登陆、权限校验
$httpAngularJS 的 $http 服务允许我们通过发送 HTTP 请求方式与后台进行通信.在某些情况下,我们希望可以俘获所有的请求,并且在将其发送到服务端之前进行操作.还有一些情况是,我们希望俘获响应,并且在完成完成调用之前处理它.一个很好例子就是处理全局 http 异常.拦截器(Interceptors)应运而生.本文将介绍 AngularJS 的拦截器,并且给几个有用的例子. 什么是拦截器? $httpProvider 中有一个 interceptors 数组,而所谓拦截器只是一
-
JavaScript校验Number(4,1)格式的数字实例代码
项目里面有个录入,需要数字格式进行校验,前端使用的是miniUI框架,miniUI文档里面自带了校验,vtype="float",校验浮点数的,但是它不能做到校验这个浮点数有几位整数和几位小数,所以就有必要重写写一个js函数来校验: 实现思路: 1.获取所填写的值 2.判断是否为空,不为空执行3 3.对字符串trim()去空格,并且判断以"."开始或者结尾的都不是合法的数字,给出提示. 4.提前判断字符串是否是true或者false,因为下面要使用Number函数,
-
javaScript+turn.js实现图书翻页效果实例代码
为了实现图书翻页的效果我们在网上可以看到很多教程 在这里推荐turn.js 网上的turn.js 有api 不过是英文的 很多人看起来不方便 .关于代码也是奇形怪状在这里我将详细讲解如何使用turn.js实现翻页效果 ,本篇文章只是讲解 turn.js 如何使用!!!!!!! 文章最后提供源码下载,结合源码看本文,turn.js更简单! 首先附上个人的文件路径 对于css 和 js文件不需要过多的解释 在这里要注意的是pages文件夹 这里个文件夹下放的是需要预览的图片文件
-
java 日期各种格式之间的相互转换实例代码
java 日期各种格式之间的相互转换实例代码 java日期各种格式之间的相互转换,直接调用静态方法 实例代码: java日期各种格式之间的相互转换,直接调用静态方法 package com.hxhk.cc.util; import java.text.SimpleDateFormat; import java.util.Date; import com.lowagie.text.pdf.codec.postscript.ParseException; public class DateUtil
-
POI对Excel自定义日期格式的读取(实例代码)
用POI读取Excel数据:(版本号:POI3.7) 1.读取Excel private List<String[]> rosolveFile(InputStream is, String suffix, int startRow) throws IOException, FileNotFoundException { Workbook xssfWorkbook = null; if ("xls".equals(suffix)) { xssfWorkbook = new H
-
JavaScript使用递归和循环实现阶乘的实例代码
[实现方法] 1.利用while循环来做,当然for循环也可以. 2.递归 [代码内容] 偷懒,直接用onkeyup事件来限制来页面的输入 循环代码: //第一种方法 while循环 oCount.onclick = function (){ var oNum = document.getElementById('num').value; oNum = Number(oNum); if(oNum <= 1){ oBox.innerHTML = 1; } var oRes = 1; while(o
-
纯html+css+javascript实现楼层跳跃式的页面布局（实例代码）
实现效果演示: 实现代码及注释: <!DOCTYPE html> <html> <head> <title>楼层跳跃式的页面布局</title> <meta charset="utf-8"> <style type="text/css"> *{ margin: 0; padding: 0; } body, html{ height: 100%; } ul{ list-style: n
-
JavaScript切换搜索引擎的导航网页搜索框实例代码
废话不多说了,直接给大家贴代码了,具体代码如下所述: <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <style> #search ul { list-style-type: none; display: block; width: 100px; height
-
python 把数据 json格式输出的实例代码
有个要求需要在python的标准输出时候显示json格式数据,如果缩进显示查看数据效果会很好,这里使用json的包会有很多操作 import json date = {u'versions': [{u'status': u'CURRENT', u'id': u'v2.3', u'links': [{u'href': u'http://controller:9292/v2/', u'rel': u'self'}]}, {u'status': u'SUPPORTED', u'id': u'v2.2'
-
JavaScript实现99乘法表及隔行变色实例代码
项目需求:实现在页面中输出99乘法表.(要求:以每三行为一组,实现隔行变色(颜色为白,红,黄(也可自己定义)),鼠标滑过每一行,行背景颜色变为蓝色,鼠标离开又恢复原来的颜色),隔行变色的效果需要用if和switch两种判断方式都能实现: 额,分析一下实例要求:一个99乘法表,一个多方法的隔行变色,鼠标滑过变另外一个颜色,离开恢复原色. 嗯,我们一步步来吧! 99乘法表的实现,我相信很多人都知道怎么实现,无非是2个for循环得到的结果,这里我就不多做解释,还不理解的同学可以仔细研究一下代码,研究一
-
python获取时间及时间格式转换问题实例代码详解
整理总结一下python中最常用的一些时间戳和时间格式的转换 第一部分:获取当前时间和10位13位时间戳 import datetime, time '''获取当前时间''' n = datetime.datetime.now() print(n) '''获取10位时间戳''' now = time.time() print(int(now)) '''获取13位时间戳''' now2 = round(now*1000) print(now2) 运行结果为: 2018-12-06 11:00:30