项目里面有个录入,需要数字格式进行校验,前端使用的是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;反之则给出相应的错误提示。
实现代码:
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)格式的数字实例代码。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。
原文链接:https://www.f2er.com/js/40740.html