javascript - 当我按下提交按钮时，我的页面不断刷新

Question

我用input type:"button"因为如果我使用 type="submit"我的页面刷新

这是按钮

<input type="button" value="Submit" align="center" Onclick="hitung()" class="myButton">

这是hitung()功能

function hitung(){

var e = (document.getElementById("ifin").value);
var panjang = parseFloat (document.getElementById("ipanjang").value);
var hf = 0.0;
var lebar = 0.6;
var tinggi = 0.8;
var total = 0.0;

if (e == "hpl") {

				hf = 1.7;
			}
else if(e == "cat")
			{
				hf = 2.0;
}
else {
				hf = 0.0;
}
total = lebar*tinggi*panjang*hf;
document.getElementById("ototal").innerHTML =eval(total);
}

我需要使用type:submit因为如果我这样使用，我就不能使用 required属性

Answer 1

确保您的 hitung() 函数返回 false。在函数末尾，只需添加以下行:

return false;

如果你不想改变函数，你可以通过改变调用来达到同样的目的:

<input type="submit" value="Submit" align="center" Onclick="hitung(); return false;" class="myButton">