Расчет Javascript из идентификатора ввода html всегда приводит к 1

Question

У меня возникает ошибка при выполнении расчета на отправке с помощью javascript. Вход pay_amount отправляет «1», а total_charged отправляет «4.95» независимо от того, что такое значение pay_amount.

Вот HTML:

<form method="POST" action="example-post-url.php" autocomplete="off" name="form" id="form"> 

    <input type="text" id="pay_amount" name="pay_amount" value="1,794.00"/> 
    <input type="hidden" id="total_charged" name="total_charged" /> 

    <input type="submit" value="submit" onclick="submitCard();" id="submitButton"/> 

</form> 

Вот JavaScript:

<script> 
    function submitCard(){ 

     var payment = parseFloat(document.getElementById('pay_amount').value); 
     var fee = ((payment*0.035)+3.95); 
     var total = payment + fee; 
     document.getElementById('total_charged').value = total.toFixed(2); 

     document.form.submit(); 
    } 
</script> 

Я попытался заменить уаг платеж с кодом ниже, думая, что проблема с запятой, но я м все еще сталкиваются с проблемами.

var payment = document.getElementById('pay_amount').value.replace(/,/g, ''); 

Что в мире происходит здесь?

Answer 1

Вы должны предотвратить оригинал представить

<form ... onsubmit="return false;" ...> 

    ... 

</form> 

Answer 2

Попробуйте

document.forms[0].submit(); 

Вместо document.forms.submit() что и у вас есть прямо сейчас.
Это должно быть изменено независимо от того, разрешает ли оно проблему, поскольку document.form не определен.

Answer 3

Попробуйте

<input type="button" value="submit" onclick="submitCard();" id="submitButton"/> 

вместо

<input type="submit" value="submit" onclick="submitCard();" id="submitButton"/> 

Answer 4

parseFloat() В обычные остановки разбора, когда он видит то, что это не является частью действительного числа. В вашем случае это запятая.

При изменении кода, предложенного в сообщении, вы исправляете проблему с запятой, но вы оставляете значение в виде строки. Если вы объедините два —, то избавитесь от запятой и позвоните по номеру parseFloat() — будет работать лучше.

Если вы не собираетесь проверять расчет платежей и платежей на сервере, отправьте URL-адрес своего сайта электронной торговли после его завершения.

Answer 5

К счастью, это не имеет никакого отношения к событию формы submit и больше относится к тому, как строковый тип атрибута value преобразуется в число для математических операций.

Ознакомьтесь с этим номером JSFiddle, чтобы узнать, как использовать parseFloat().

Вот важная часть:

parseFloat(document.getElementById('pay_amount').value.replace(',', '')); 

Answer 6

попробовать это:

<script> 
    function submitCard(){ 

     var payment = parseFloat(document.getElementById('pay_amount').value); 
     var fee = ((payment*0.035)+3.95); 
     var total = payment + fee; 
     document.getElementById('total_charged').value = total.toFixed(2); 
    } 
</script>