Как сбросить определенное поле ввода либо с введенной суммы и общей суммы суммы с помощью кнопок?

Как сбросить определенное поле ввода с помощью введенной суммы и общей суммы с кнопок?

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

Процесс должен быть таким:

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

-Когда клиент нажимает кнопку сброса, конкретное поле должно быть сброшено.

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

Так что бы сделать альтернативным способом, если я не удаляю тег формы?

Мои коды и jsfiddle прилагается ниже:

 //Total Amount Sum Calculator var sum = 0; function f(val){ sum  = val; document.getElementById("deposit-total").value = sum; } function reset(){ sum = 0; document.getElementById("deposit-total").value = 0; } //Automatic Comma function FormatCurrency(ctrl) { //Check if arrow keys are pressed - we want to allow navigation around textbox using arrow keys if (event.keyCode == 37 || event.keyCode == 38 || event.keyCode == 39 || event.keyCode == 40) { return; } var val = ctrl.value; val = val.replace(/,/g, "") ctrl.value = ""; val  = ''; x = val.split('.'); x1 = x[0]; x2 = x.length {amp}gt; 1 ? '.'   x[1] : ''; var rgx = /(d )(d{3})/; while (rgx.test(x1)) { x1 = x1.replace(rgx, '$1'   ','   '$2'); } ctrl.value = x1   x2; } //Restrict Characters (Numbers Only) function CheckNumeric() { return event.keyCode {amp}gt;= 48 {amp}amp;{amp}amp; event.keyCode {amp}lt;= 57 || event.keyCode == 46; } function submitForm() { return confirm('Do you really want to submit the form?'); } 
 {amp}lt;form{amp}gt; {amp}lt;input type="number" class="input-char-amo" id="deposit-total" step="10000" min="10000" max="5000000" onkeypress="return CheckNumeric()" required{amp}gt; {amp}lt;button type="reset" id="reset" class="correction" onclick="reset()"{amp}gt;reset{amp}lt;/button{amp}gt;{amp}lt;br{amp}gt; {amp}lt;div class="amount-buttons-a"{amp}gt; {amp}lt;button type="button" id="1" onclick="f(10000)" class="btn-amount"{amp}gt;10000{amp}lt;/button{amp}gt; {amp}lt;button type="button" id="2" onclick="f(20000)" class="btn-amount"{amp}gt;20000{amp}lt;/button{amp}gt; {amp}lt;button type="button" id="3" onclick="f(50000)" class="btn-amount"{amp}gt;50000{amp}lt;/button{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="amount-buttons-b"{amp}gt; {amp}lt;button type="button" id="4" onclick="f(100000)" class="btn-amount"{amp}gt;100000{amp}lt;/button{amp}gt; {amp}lt;button type="button" id="5" onclick="f(500000)" class="btn-amount"{amp}gt;500000{amp}lt;/button{amp}gt; {amp}lt;button type="button" id="6" onclick="f(1000000)" class="btn-amount"{amp}gt;1000000{amp}lt;/button{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;p class="check-acc"{amp}gt;input here{amp}lt;/p{amp}gt; {amp}lt;input type="text" class="input-check-acc" id="check-account" required{amp}gt; {amp}lt;br{amp}gt; {amp}lt;button id="dep-submit" value="submit" type="submit" {amp}gt;신청 {amp}lt;/button{amp}gt; {amp}lt;/form{amp}gt; 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector