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秒跳转的实现