Question

我有这段代码：

$(function() {
  /*declare a function call hAddCoin with parameter hValue for value and option for option +,x2,clear or max*/
  function hAddCoin(hValue, option) {
    var bet = document.getElementById('coincredits'); /*get the element*/
    var coins = document.getElementById('coins').innerHTML; /*get the inner of id coins*/
    var cur = parseInt(bet.value); /*get the coincredit and convert to integer*/
    var res = 0; /*declare res variable for result*/
    /*we need to check bet is empty or not*/
    if (typeof bet.value === "undefined" || bet.value == "") {
      cur = 0;
    }
    /*cek the option, it's will be +, X2 or max and default to 0*/
    switch (option) {
      case 1:
        {
          res = cur + hValue;
        }
        break;
      case 2:
        {
          res = cur * option;
        }
        break;
      case 3:
        {
          res = parseInt(coins);
        }
        break;
      default:
        {
          res = 0;
        }
        break;
    }

    bet.value = res; /*set value coin creadit to result*/
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="number" name="coincredits" id="coincredits" class="form-control" required="" parsley-type="text" placeholder="Minimum 10 coins" data-parsley-id="40" style="text-align:center; color: ;">
<div class="content" style="text-align:center;">
  <button id="clear" class="box-btn" onclick="hAddCoin(0,0)">Clear</button>
  <button id="add10" class="box-btn" onclick="hAddCoin(10,1,)">+10</button>
  <button id="add100" class="box-btn" onclick="hAddCoin(100,1)">+100</button>
  <button id="add1000" class="box-btn" onclick="hAddCoin(1000,1)">+1000</button>
  <button id="double" class="box-btn" onclick="hAddCoin(0,2)">x2</button>
  <button id="max" class="box-btn" onclick="hAddCoin(0,3)">Max</button>
</div>

它为输入字段添加（或应该添加）值，但它只是将我发送到mywebsite.com/index.php

我尝试过了非常简单的脚本但每次都会发生这种情况。它没有给我任何错误，也没有在控制台中记录任何内容。

我知道这可能是小菜一碟，但我无法理解。

Answer 1

<button>个元素隐含type="submit"，这意味着他们会提交他们所居住的表单。如果<form>没有action属性，则会使用当前页面作为目标URL，重新加载页面。

您需要在每个按钮上明确设置type="button"，或在调用onsubmit的表单上添加event.preventDefault()事件处理程序

按钮在单击时加载索引文件

1 个答案: