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中submit函数调用时不需要return false 。因为它已经存在于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>