HTML / Javascript函数未调用

Question

我编写的这段代码旨在调用calculateInterest函数并返回false。但是，该页面似乎没有调用该函数或返回false。谢谢您的帮助。

HTML

<form onsubmit="return calculateInterest(); return false;"  id="interest_calc" name="interest_calc"  method = "get";> 
  ...
  <input type="submit" id="calculate" value="Calculate">
  <input type="button" id="calculate" value="test" onclick="return calculateInterest();">
</form> 

JS

var $ = function (id) 
{
  return document.getElementById(id);
};//DOM function
...

//DEBUG alert (iPercentage);
var calculateInterest; = function () 
{
  alert ("function called");
  return false
};

Answer 1

删除脚本上不必要的;。并且不需要在html中的return false函数上调用submit。因为它已经在calculateinterest函数中

var $ = function(id) {
  return document.getElementById(id);
}

var calculateInterest = function() {

  alert("function called");

  return false

};

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form onsubmit="return calculateInterest()" id="interest_calc" name="interest_calc" method="get" ;>



  ...



  <input type="submit" id="calculate" value="Calculate">

  <input type="button" id="calculate" value="test" onclick="return calculateInterest();">


</form>