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

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" οnclick="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" οnclick="defineSubmit(this)" value="submit1"/>
		<input type="button" name="submitName" οnclick="defineSubmit(this)" value="submit2"/>
</form>

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

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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值