在JavaScript中验证十进制数字最干净、最有效的方法是什么？
奖励积分：
清晰解决方案应干净简单。跨平台。
测试用例：
01. IsNumeric('-1') => true
02. IsNumeric('-1.5') => true
03. IsNumeric('0') => true
04. IsNumeric('0.42') => true
05. IsNumeric('.42') => true
06. IsNumeric('99,999') => false
07. IsNumeric('0x89f') => false
08. IsNumeric('#abcdef') => false
09. IsNumeric('1.2.3') => false
10. IsNumeric('') => false
11. IsNumeric('blah') => false
当前回答
无需使用额外的库。
const IsNumeric = (...numbers) => {
return numbers.reduce((pre, cur) => pre && !!(cur === 0 || +cur), true);
};
Test
> IsNumeric(1)
true
> IsNumeric(1,2,3)
true
> IsNumeric(1,2,3,0)
true
> IsNumeric(1,2,3,0,'')
false
> IsNumeric(1,2,3,0,'2')
true
> IsNumeric(1,2,3,0,'200')
true
> IsNumeric(1,2,3,0,'-200')
true
> IsNumeric(1,2,3,0,'-200','.32')
true
其他回答
雅虎！UI使用此项：
isNumber: function(o) {
return typeof o === 'number' && isFinite(o);
}
是的，内置的isNaN（对象）将比任何正则表达式解析都快得多，因为它是内置和编译的，而不是动态解释的。
尽管结果与您想要的有所不同（尝试一下）：
// IS NUMERIC
document.write(!isNaN('-1') + "<br />"); // true
document.write(!isNaN('-1.5') + "<br />"); // true
document.write(!isNaN('0') + "<br />"); // true
document.write(!isNaN('0.42') + "<br />"); // true
document.write(!isNaN('.42') + "<br />"); // true
document.write(!isNaN('99,999') + "<br />"); // false
document.write(!isNaN('0x89f') + "<br />"); // true
document.write(!isNaN('#abcdef') + "<br />"); // false
document.write(!isNaN('1.2.3') + "<br />"); // false
document.write(!isNaN('') + "<br />"); // true
document.write(!isNaN('blah') + "<br />"); // false
function isNumeric(n) {
var isNumber = true;
$.each(n.replace(/ /g,'').toString(), function(i, v){
if(v!=',' && v!='.' && v!='-'){
if(isNaN(v)){
isNumber = false;
return false;
}
}
});
return isNumber;
}
isNumeric(-3,4567.89); // true <br>
isNumeric(3,4567.89); // true <br>
isNumeric("-3,4567.89"); // true <br>
isNumeric(3d,4567.89); // false
如果需要验证一组特殊的小数y您可以使用以下简单的javascript：
http://codesheet.org/codesheet/x1kI7hAD
<input type="text" name="date" value="" pattern="[0-9]){1,2}(\.){1}([0-9]){2}" maxlength="6" placeholder="od npr.: 16.06" onchange="date(this);" />
Javascript：
function date(inputField) {
var isValid = /^([0-9]){1,2}(\.){1}([0-9]){2}$/.test(inputField.value);
if (isValid) {
inputField.style.backgroundColor = '#bfa';
} else {
inputField.style.backgroundColor = '#fba';
}
return isValid;
}
这种方式似乎很有效：
function IsNumeric(input){
var RE = /^-{0,1}\d*\.{0,1}\d+$/;
return (RE.test(input));
}
在一行中：
const IsNumeric = (num) => /^-{0,1}\d*\.{0,1}\d+$/.test(num);
要测试它：
常量IsNumeric=（num）=>/^-{0,1}\d*\。｛0,1｝\d+$/.test（num）；函数TestIsNumeric（）{var结果=“”results+=（IsNumeric（'-1'）？“通过”：“失败”）+“：IsNumeric（'-1'）=>true\n”；结果+=（IsNumeric（'-1.5'）？“通过”：“失败”）+“：IsNumeric（'-1.5'）=>true\n”；结果+=（IsNumeric（“0”）？“通过”：“失败”）+“：IsNumeric（'0'）=>true\n”；结果+=（IsNumeric（“0.42”）？“通过”：“失败”）+“：IsNumeric（'0.42'）=>true\n”；results+=（IsNumeric（'.42'）？“通过”：“失败”）+“：IsNumeric（'.42'）=>true\n”；results+=（！IsNumeric（'99999'）？“通过”：“失败”）+“：IsNumeric（‘99999’）=>false \n”；results+=（！IsNumeric（'0x89f'）？“通过”：“失败”）+“：IsNumeric（'0x89f'）=>false \n”；results+=（！IsNumeric（'#abcdef'）？“通过”：“失败”）+“：IsNumeric（'#abcdef'）=>false \n”；results+=（！IsNumeric（'1.2.3'）？“通过”：“失败”）+“：IsNumeric（'1.2.3'）=>false \n”；results+=（！IsNumeric（“”）？“通过”：“失败”）+“：IsNumeric（“”）=>false \n”；results+=（！IsNumeric（'barh'）？“通过”：“失败”）+“：IsNumeric（'barh'）=>false \n”；返回结果；}console.log（TestIsNumeric（））；.作为控制台包装｛最大高度：100%！重要；顶部：0；｝
我从那里借来的正则表达式http://www.codetoad.com/javascript/isnumeric.asp.说明：
/^ match beginning of string
-{0,1} optional negative sign
\d* optional digits
\.{0,1} optional decimal point
\d+ at least one digit
$/ match end of string
