button的点击事件会引起form表单提交

在实现添加多个附件时，按"新增一个附件"按钮后,页面自动跳转到servlet

html代码

<form action="Servlet" method="post" enctype="multipart/form-data">

	<input type="hidden" id="fileNum" name="fileNum" value="1"/>
	
	File1:<input type="file" name="file1"/>
	<br>
	Desc1:<input type="text" name="desc1"/>
	<br>
	
	<br id="br1">
	<input type="submit" name="Submit" value="提交"/>
	<button id="addFile">新增一个附件</button>
	
</form>

jquery

$(function () {
	var i = 2;
	
	$(document).on("click","#addFile",function(){
		
			$("#br1").before("File"
					+ i +":<input type='file' name='file"
					+ i +"'/><br>Desc"
					+ i +":<input type='text' name='desc"
					+ i +"'/><button>删除</button><br>");
		i++;
	});
})

Internet Explorer 的默认类型是 “button”，而其他浏览器中（包括 W3C 规范）的默认值是 “submit”。
解决方法：添加type="button"属性

<button  type="button" id="addFile">新增一个附件</button>