js方法:
function tijiao() {
var loginForm = document.getElementById("loginForm");
if (loginForm.login_name.value == "") {
alert("帐号必须输入");
return;
}
if (loginForm.pwd.value == "") {
alert("密码必须输入");
return;
}
if (loginForm.validatacode.value == "") {
alert("校验码必须输入");
return;
}
loginForm.action = "<%=path%>/memberlogin.action";
loginForm.submit();
}
jsp代码:
<form id="loginForm" method="post" onsubmit="javascript:tijiao()">
<ul>
<li class="login_L_1"></li>
<li class="login_L_2">
<div align="center">${errMsg}</div>
<p>登录类型:
<select name="login_type">
<option value="loginname">用户名</option>
<option value="email">电子邮箱</option>
</select>
</p>
<p>登录名:<input type="text" value="" name="login_name" size="27"/></p>
<p>密 码:<input type="password" value="" name="pwd" size="27"/></p>
<p>验证码:<input type="text" value="" name="validatacode" size="10"/>
<img src="<%=path %>/getImage.action" id="validataimage" border="0"/>
</p>
<p>
<input type="submit" name="Submit" value="登 录" onclick="javascript:tijiao();"
class="blueButtonCss"/>
<input type="button" name="Submit3" value="忘记密码" onclick="javascript:chongzhi();"
class="blueButtonCss"/>
</p>
</li>
<li class="login_L_3"></li>
</ul>
</form>
<form>标签中加上onsubmit 对应的提交的按钮 type设为submit就可以以回车方式提交了
分享到:
相关推荐
在JSP中,当一个FORM表单中只有一个INPUT文本输入框时,用户按下回车键,浏览器会默认触发表单的提交动作。这是因为浏览器的默认行为:在一个只有一个单行文本输入域(type="text")的表单里,按下回车键会模拟点击...
总结来说,通过JavaScript(或者使用库如jQuery)监听键盘事件,检查回车键的按键码,并在检测到回车键被按下时触发表单的提交,可以在JSP中实现按下回车键自动提交表单的功能。这样,用户无需手动点击提交按钮,只...
接下来,添加JavaScript代码来监听表单中的输入事件。 ```jsp ;charset=UTF-8" pageEncoding="UTF-8" %> <%@ include file="../../common/include_tag.jsp" %> <%@ include file="../../common/page_var.jsp" %> <!...
1.form表单中只有一个input标签,按回车键将自动提交表单 当form表单中只有一个<input type=”text” name=’name’ />时按回车键将会自动将表单提交。 <form id='form1' action='a1.jsp' method='post'>...
在传统的HTML表单中,回车键会默认触发表单的submit事件,导致页面刷新或跳转。如果要在JSP中改变这种行为,我们有两种主要方法: 1. **JavaScript处理**:通过在前端使用JavaScript,我们可以监听键盘事件,尤其是...
通常,提交表单需要用户点击一个按钮或者按表单中某个按钮的快捷键,但很多时候,开发者希望用户在输入信息后按下回车键即可提交表单。然而,如果页面中没有form标签,传统的提交方式不再适用,此时我们需要通过...
在JSP页面中,通常会有一个表单元素,而onsubmit属性可以用来绑定提交前执行的函数。 5. 跨浏览器兼容性处理 为了确保代码在火狐和IE等主流浏览器上都能正常工作,除了对事件对象进行兼容性处理外,还需要确保使用...
15. 在jsp中,怎么实现按回车就可提交表单? 16. 在JSP中如何传递数组? 17. 按地址取图片? 18. JSP中如何上传图片到数据库字段? 19. 页面自动刷新? 20. 表单自动提交? 21. 从JSP传数据的到JAVABEAN里? 22. ...
在jsp中,怎么实现按回车就可提交表单? 16. 在JSP中如何传递数组? 17. 按地址取图片? 18. JSP中如何上传图片到数据库字段? 19. 页面自动刷新? 20. 表单自动提交? 21. 从JSP传数据的到JAVABEAN...
- **5.1.2 图片按钮背景切换且回车提交表单**:利用CSS实现按钮样式变化,JavaScript监听键盘事件。 - **5.1.3 浮动窗口**:使用CSS定位属性实现。 - **5.1.4 嵌入Flash**:使用标签嵌入Flash文件。 - **5.1.5 ...
### jsp中input的高级运用 在Web开发中,`<input>`标签是HTML中最基本且最常用的元素之一。它不仅被广泛应用于表单数据的输入,还支持多种类型的数据输入,如文本、数字、日期等。随着JavaScript的普及和发展,`...
此部分是指文件夹名为第1~9章中的内容(如表1),这些是书中介绍JSP相关知识的源代码。文件的命名规则与书中相应源代码文件名一致。读者可将相关文件夹(如ch2)拷贝到Tomcat服务器安装目录的子目录webapps下,并...
每个输入元素都有一个名为"tab"的自定义属性,其值代表了元素在表单中的顺序。例如,第一个输入元素的`tab`值为1,意味着它是表单中首个应获取焦点的元素。 接着,我们看到JavaScript代码,这部分代码的目标是监听...
这样,无论是用户在任何输入框按下回车键,还是在表单外部的空白区域按下回车键,都能触发登录事件。 ### 注意事项 1. 确保JavaScript脚本不会影响到页面上其他的功能。 2. 如果使用图片或非标准按钮作为登录触发...
然而,这样的改动可能导致另一个问题:表单中的nicEdit富文本编辑器的内容无法正常传递。 nicEdit是一款轻量级的JavaScript富文本编辑器,它允许用户在网页上进行类似Word的文本编辑。当表单提交时,nicEdit的内容...