Question

我需要一个逗号分隔值的正则表达式，它接受正/负整数和浮点数。

Ej：3,45,2.5,12，-20

我如何得到它？感谢

我需要实现一个添加值并返回结果的函数，它会检测一个错误输入的模式，这些数字用连字符分隔

Ej：3,45,2.5,12，-20（正确）

Ej：3-45-2.5-12-20（不正确）

但是我没有得到它，我的代码：

<html>
<head>
<script type="text/javascript">
function validar()
{
var patron = /^(-?\d*\.?\d*,?)+$/;                         
var numeros = document.getElementById("numeros").value;

if (!patron.test(numeros)) 
{        
    alert("Introduzca los números que desee sumar separados por comas, Ej: 3,3.25,-1");                      
}
else 
{
    suma();     
}
} 

function suma()
{
var entrada = document.getElementById("numeros").value;
var numeros = entrada.split(",");
var suma = 0;

for(var i = 0; i < numeros.length; i++)
    {
        suma += parseFloat(numeros[i]);
    }
document.getElementById("resultado").value = suma;
}    
</script>
</head>
<body>
Números: <input type="text" id="numeros" size="30">
Resultado: <input type="text" id="resultado" size="20">
<input type="button" value="SUMAR" onClick="validar()">
</body>
</html>

Answer 1

基本上是this和this的副本。

"3,45,2.5,12,-20".split(",").every( 
    function(x) { return /^-?\d*\.?\d*$/.test(x); }
);

或者作为单个正则表达式

/^(-?\d*\.?\d*)(,-?\d*\.?\d*)*$/.test("3,45,2.5,12,-20")

经过一些重构后你会得到

<html>
<head>
 <title>JS Números</title>
</head>

<body>
Números: <input type="text" id="numeros" size="30">
Resultado: <input type="text" id="resultado" size="20">
<input type="button" value="SUMAR" onClick="suma()">

<script type="text/javascript">
var numberElement = document.getElementById("numeros");
var resultElement = document.getElementById("resultado");
var numberPattern = /^(-?\d*\.?\d*)(,-?\d*\.?\d*)*$/;

function suma() {
    var numberString = numberElement.value;
    if (numberPattern.test(numberString)) {
        var sum = numberString.split(",").reduce(function(m,v) { return m + parseFloat(v); }, 0);
        resultElement.value = sum;
    } else {
        alert("Introduzca los números que desee sumar separados por comas, Ej: 3,3.25,-1");
        resultElement.value = "";
    }
}    
</script>
</body>
</html>

使用正/负整数和float验证逗号分隔的数字

1 个答案: