form表单不能提交问题

今天写form提交时遇到一小问题，经google才发现问题所在：在一个表单中不能同时用写sumbit按钮和form.submit()两种方式提交的代码。

源代码如下：

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	
<script type="text/javascript">
function ok_user(){
	alert(34);
	 var form = document.getElementById("editUserForm");
	 form.submit();
}
function cancel_user(){
	 alert(11);
}
</script>

<form id="editUserForm"  action="/edit/user!saveEdit" method="post">
	<table>
		<tr>
			<td>姓名：</td>
			<td><input id="name" name="name" type="text"></td>
		</tr>
		<tr>
			<td>性别：</td>
			<td><label for="boy">男</label><input id="boy" name="sex"
				type="radio" value="1"> <label for="girl">女</label><input
				id="girl" name="sex" type="radio" value="2"> <label for="unknown">未知</label><input
				id="unknown" name="sex" type="radio" value="0"></td>
		</tr>
		<tr>
			<td>年龄：</td>
			<td><input id="age" name="age" type="text" maxlength="3"></td>
		</tr>
		<tr>
			<td>部门：</td>
			<td><input id="deptname" name="deptname" type="text"></td>
		</tr>
		<tr>
			<td>职位：</td>
			<td><input id="job" name="job" type="text"></td>
		</tr>
		<tr>
			<td>头像：</td>
			<td>
				<input id="avatar" name="avatar" type="file">
			</td>
		</tr>
	
		<tr>
			<td>
				<input id="submit" name="submit"  type="submit" value="提交">
			</td>
			<td>
				<input id="reset" name="reset" type="reset" value="重置">
			</td>
		</tr>
		
		<!--
		<tr>
			<td>
				<input id="ok" name="ok"  type="button" value="确定" onclick="javascript:ok_user();">
			</td>
			<td>
				<input id="cancel" name="cancel" type="button" value="取消" onclick="javascript:alert(1);cancel_user();">
			</td>
		</tr>
		-->
	</table>
</form>

 当把不同颜色的代码注释掉其中一个就可以了。