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" 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/
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。
- 上一篇: numpy中multiply函数怎么用
- 下一篇: 注册成功后页面3秒跳转的实现
