我发现一个奇怪的问题：会自动提交表单吗？

[jgongcheng]

点击button以后，表单先由ajax提交，然后无论后台返回什么结果，页面都会跳转到表单action属性指定的路劲，
也就是login.html
使用的是html、jquery、javascript，后台是spring mvc 代码如下：

html表单：

<form action="login.html" method="post" id="loginForm">
		<input type="text" id="username" name="userName" />
		<input type="password" id="password" name="password" />
		<button class="btn btn-warning btn-loginsize" onClick="submitForm()">
			登陆
		</button>
		<a href="#">忘记密码?</a>
		<a href="#">注册</a>
</form>

jquery、javascript代码：

<script>
	function submitForm() {
		$.ajax({
			cache: true,
			type:"POST",
			url: "verification.json",
			dataType:"json",
			data:$("#loginForm").serializeArray(),
			async: false,
			success:function(data){
				if(data.flag == "1") { //登陆成功
					alert("aa"); //这里返回正确
					location.href="index.html";//这里没有作用，什么原因?
				}else{ //登陆失败
					alert("warnings");
				}
			},
			error:function(data){
				alert("error");
			}
		});
	}
</script>

后台代码

@RequestMapping("/verification.json")
@ResponseBody
public Map<String, Object> verification(User user) {
	Map<String, Object> map = new HashMap<String, Object>();
	
	if (user.getUserName().equals("admin") && user.getPassword().equals("admin")) {
		map.put("flag", "1");
	} else {
		map.put("flag", "0");
	}
	return map;
}

[slwsss]

button请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。

[jgongcheng]

引用 1 楼 slwsss 的回复:

button请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。

那么怎样才能让button不提交表单 而是交给ajax提交和跳转呢？

[slwsss]

<form action="login.html" method="post" id="loginForm" onsubmit="return false"> <button type="button" class="btn btn-warning btn-loginsize" onClick="submitForm()">

[jgongcheng]

好吧 根据楼上说的 我懂了 .. 在 submitForm()函数的最后加上 return false; 在HTML事件中 onClick="return submitForm()"

[u010007095]

<input type="button" class="btn btn-warning btn-loginsize" onClick="submitForm()"/>

[u010007095]

引用 1 楼 slwsss 的回复:

button请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。

受教了 以前都不知道

[jgongcheng]

引用 3 楼 slwsss 的回复:

<form action="login.html" method="post" id="loginForm" onsubmit="return false"> <button type="button" class="btn btn-warning btn-loginsize" onClick="submitForm()">

这样也可以 谢谢