Question

当我点击提交按钮时，它会导致刷新页面！但删除标签后，效果很好。问题是什么，如何在不删除标签的情况下避免此问题，代码如下：

<script language="javascript" type="text/javascript">
	function password() {
	var word = document.getElementById("password");
	var load = document.getElementById("display");
	if(word.type=="password"){
		word.type = "text";
		load.value = "hidden"
	}
	else{
		word.type = "password";
		load.value = "display";
	}
	}
</script>
<form>
<input type="password" name="password" value="password" id="password" />
<input type="submit" name="display" onclick="password()" value="display" id="display"/>
</form>

Answer 1

将类型输入从submit更改为button

<input type="button" name="display" onclick="password()" value="display" id="display"/>

<input type="button" />按钮不会提交表单 - 默认情况下他们不会执行任何操作。它们通常与JavaScript结合使用，作为AJAX应用程序的一部分。

除非您使用JavaScript另行指定，否则

<input type="submit">按钮将提交用户点击它们时所使用的表单。

或

您可以使用javascript停止提交表单

$("form").submit(function(e) { e.preventDefault(); });

Answer 2

你也可以这样做：

document.querySelector('form').submit()

阻止表单提交。

当然，当您需要提交表单时（例如，在您完成验证，清理表单之后），您必须这样做：

{{1}}

<form>标签会导致刷新页面

2 个答案: