欢迎来到 黑吧安全网 聚焦网络安全前沿资讯,精华内容,交流技术心得!

在jsp中实现按下回车键自动提交表单的方法

来源:本站整理 作者:佚名 时间:2016-11-13 TAG: 我要投稿

为了省事很多时候希望可以按回车键来提交表单,要控制这些行为,可以借助JS来达到要求。
代码如下:
 page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>
 include file="../../common/include_tag.jsp"%>
 include file="../../common/page_var.jsp"%>
 http-equiv="Content-Type" content="text/html; charset=UTF-8">
pageTitle%>-用户登录
 include file="../../common/page_head.jsp"%>
 value='/css/common_green.css'/>" />
 value='/js/jquery.min.js'/>">
 value='/js/common.js'/>">
 type="text/css">
.logo{
 padding-top: 20px;
 padding-left: 20px;
 padding-right: 20px;
 padding-bottom: 20px;
 font-size: 28px;
}
.top{
 padding-bottom: 100px;
}
.login{
 line-height: 32px;
}
.content {
 width: 350px;
 margin: 15px auto auto;
 padding: 50px 50px;
 border: 2px solid #ccc;
 border-radius: 10px;
 box-shadow: 0 0 30px #ccc;
}
.bottom{
 padding-top: 100px;
}
.button{
 margin-top: 10px;
 margin-left: 105px;
}
.update {
 margin: 0 auto;
 padding: 0;
 width: 98%;
}
.update td {
 margin: 0;
 height: 30px;
 padding: 5px;
}
.update .name {
 text-align: right;
}
.title_div {
 width: 350px;
}
body {
 background: url("") 0 0
 repeat-y #F6F6F6;
}
 type="text/javascript">
 $(function() {
 pilicat.title2div('title2div');
 pilicat.keysubmit('form1', 'submit', true);
 });
  class="logo">首都机场空地自动化协同决策系统
  class="rounded table">
  class="top">
  class="content">
  value='/u/ulogin'/>" method="post">
  align="center"> style="color: red;">${captcha}
  class="table table-bordered table-striped" style="width: 310px; padding-left: 50px;">
 
  class="login">
 账 号:
  type="text" id="userName" name="userName"
 class="input rounded" value="" placeholder="账号" />
 
  class="login">
 密 码:
  type="password" id="passWd" name="passWd"
 class="input rounded" value="" placeholder="密码" />
 
  class="login">
 验证码:
  type="text" id="captcha" name="captcha" size="5" maxlength="5" class="input rounded" value="" placeholder="验证码" />
  value='/u/captcha.htm'/>?'+Math.random();"
 src=" value='/u/captcha.htm'/>">
 
 
  class="login">
  colspan="2">
  id="submit" class="submit" href="javascript:;" onclick="submitForm();">登录
 
 
 
 
 
 
  class="bottom">
 
  include file="../../common/bottom.jsp"%>
解决方案:
把form表单放在一个div里面 ,然后对这个div监听事件$("#id").keydown(function (){});
#*#监听回车事件
document.onkeydown=function() {
if(event.keyCode==13) {
//这里提交你的表单
$('#ff_login').submit();
}
}
#*#页面编写js脚本进行监听。。。
#*#js监听enter事件#*#
把form表单放在一个div里面 ,然后对这个div监听事件$("#id").keydown(function (){});
#*#获取焦点 监听enter#*#
监听整个body的keypress事件,如果是回车键,激发submit按钮的click事件,当然你的click事件中会有相关的数据验证之类的,如果验证不过,不会提交。
希望本文所述对大家jsp程序设计有所帮助。
 

【声明】:黑吧安全网(http://www.myhack58.com)登载此文出于传递更多信息之目的,并不代表本站赞同其观点和对其真实性负责,仅适于网络安全技术爱好者学习研究使用,学习中请遵循国家相关法律法规。如有问题请联系我们,联系邮箱admin@myhack58.com,我们会在最短的时间内进行处理。
  • 最新更新
    • 相关阅读
      • 本类热门
        • 最近下载