如何删除字段中的字符 javascript

Question

我尝试使用以下代码将文本字段值的格式从 (N50,000.00 NGN) 格式化为 (50000)但结果不是产生50000而是产生5000000。

有人可以帮忙吗？

<script type="text/javascript" language="javascript">
    function doWork() {
        var amount = document.getElementsByName('amount');
        var str = amount[0].value;
        var temp = '';
        for (i = 0; i < str.length; i++) {
            if (!isNaN(str[i]))
                temp += str[i];
        }
        amount[0].value = temp;
    }
</script>
<input type="text" name="amount" value="N50,000.00 NGN" />
<input type="button" value="submit" onclick="doWork();">

Answer 1

获得所需内容的最简单方法可能是在 for 循环中添加另一个条件：

if (str[i] === '.')
    break;

Answer 2

让我们看一下您尝试格式化的值。

在N50,000.00 NGN中，所有数字都不是 NaN。所以你的结果是 5000000 （ 50 000 00 ）。解决方案是停在点符号处，例如

function doWork() {
    var amount = document.getElementsByName('amount');
    var str = amount[0].value;
    var temp = '';
    for (i = 0; i < str.length; i++) {
        if (str[i] === '.') break; // there it is
        if (!isNaN(str[i]))
            temp += str[i];
    }
    amount[0].value = temp;
}

Answer 3

这是使用正则表达式执行此操作的一种方法。 请注意，如果用户在输入字段中有多个小数点，则可能会表现得很奇怪。

<script type="text/javascript" language="javascript">
    function doWork() {
        var amount = document.getElementsByName('amount');
        amount[0].value = amount[0].value.replace(/[^0-9.]/g, "");
        amount[0].value = amount[0].value.replace(/[.][0-9]*/g, "");
    }
</script>
<input type="text" name="amount" value="N50,000.00 NGN" />
<input type="button" value="submit" onclick="doWork();">

第一行删除除数字和小数点之外的所有字符。
第二个，删除所有小数点及其右侧的任何数字。

不过，使用 parseInt 和 toFixed 可能会更好：

<script type="text/javascript" language="javascript">
    function doWork() {
        var amount = document.getElementsByName('amount');
        amount[0].value = parseInt(amount[0].value.replace(/[^0-9.]/g, "")).toFixed(0);
    }
</script>
<input type="text" name="amount" value="N50,000.00 NGN" />
<input type="button" value="submit" onclick="doWork();">

Answer 4

您跳过了小数点。用：

if (!isNaN(str[i]) || str[i]=='.')