牛骨文教育服务平台(让学习变的简单)
博文笔记

HTML form 避免(回车)表单自动提交

创建时间:2012-08-28 投稿人: 浏览次数:10255

1、JavaScript提交表单代码

document.forms["myform"].submit();
or 
document.myform.submit();//myform为表单名

2、当表单中包含input的text、password等时按下回车键(Enter)会自动提交表单,有时需要这种功能,有时不需要这一功能。禁用回车自动提交攻略之一:

       1)用button按钮替换submit按钮;

       2)给button按钮添加onclick事件,同时在onclick事件中提交表单;

例:

<script language="javascript">
	function defineSubmit(btn)
	{
		document.testForm.submit();
	}
</script>

<form name="testForm" method="post" action=" ">
	username:<input type="text" name="username"/>
	password:<input type="password" name="password"/>
	<input type="button" name="submitName" onclick="defineSubmit(this)" value="submit1"/>
</form>

改进:

假如一个表单中需要有多个按钮,不同的按钮提交给不同的处理程序,可进行如下改进:

<script language="javascript">
	function defineSubmit(btn)
	{
		if("submit1" == btn.value)
		{
			document.testForm.action="firstAction";
		}
		else
		{
			document.testForm.action="secondAction";
		}
		
		document.testForm.submit();
	}
</script>
<form name="testForm" method="post">
		username:<input type="text" name="username"/>
		password:<input type="password" name="password"/>
		<input type="button" name="submitName" onclick="defineSubmit(this)" value="submit1"/>
		<input type="button" name="submitName" onclick="defineSubmit(this)" value="submit2"/>
</form>

总结:上述也许不是一个最好的解决方案,但至少可以解决这个问题。望指正!

推荐一javascript网站:http://www.javascript-coder.com/


声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。