关于JavaScript中处理表单from提交的问题浅谈

hongshatang 2011-04-12

展开全文

关于JavaScript中处理表单from提交的问题

相信在处理from表单的提交时，大家可能会遇到这样的业务需求，当点击提交按钮时需要先提交到一个JavaScript中验证，然后再提交到服务器。
看看下面的例子：

Java代码

<html>
<head><title></title></head>
<body>
<form name="form1" id="form1" method="post" action="form_submit.jsp" >
<br><br>
<table>
<tr>
<td>公司名称</td>
<td><input name="consumer_name" id="consumer_name" value="XX公司" /></td>
</tr>
<tr>
<td></td>
<td><input type="button" name="submit"
value="提交" onclick="submit_form();" /></td>
</tr>
</table>
</form>
</body>
</html>
<script type=text/JavaScript>
function submit_form(){
document.forms[0].submit();
}
</script>

<html>
<head><title></title></head>
<body>
<form name="form1" id="form1" method="post" action="form_submit.jsp"  >
<br><br>
<table>
	<tr>
		<td>公司名称</td>
		<td><input name="consumer_name" id="consumer_name" value="XX公司" /></td>
	</tr>


	<tr>
		<td></td>
		<td><input type="button" name="submit" 
			value="提交" onclick="submit_form();" /></td>
	</tr>
</table>
</form>
</body>
</html>
<script type=text/JavaScript>
function submit_form(){
		
		document.forms[0].submit();
	
}
</script>

但这样提交后会遇到这样的问题form表单不会提交出去,问题是你的button按钮的name是"submit",他是JavaScript的关键字，form表单不会提交，只要把它改了，就ok了，这也是我在开发时遇到的一个问题。与大家分享。