如何删除字段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();">