`

如何实现点击回车自动提交(当按钮为图片的时候)

阅读更多

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <base href="<%=basePath%>">

   <script type="text/javascript" src="<c:url value="/resources/js/jquery.js"/>"></script>

   <link type="text/css" rel="stylesheet" href='<c:url value="/resources/css/login.css"></c:url>' />

    <title>登录</title>

   <script type="text/javascript">

 function check(){ 

  

   if(document.getElementById("t1").value==0)

   {   

   alert("用户名不能为空!");

   return;

   }

   else if(document.getElementById("t2").value==0){

     alert("密码不能为空!"); 

     return;

   }else {

     document.forms[0].submit();

   }

 $(function(){         

    $('#kaptchaImage').click(function () {//生成验证码  

     $(this).hide().attr('src', 'common/user/handle?' + Math.floor(Math.random()*100) ).fadeIn();  

     event.cancelBubble=true;  

    });  

});   

  

window.onbeforeunload = function(){  

    //关闭窗口时自动退出  

    if(event.clientX>360&&event.clientY<0||event.altKey){     

        alert(parent.document.location);  

    }  

};  

  

function changeCode() {  

    $('#kaptchaImage').hide().attr('src', 'common/user/handle?' + Math.floor(Math.random()*100) ).fadeIn();  

    event.cancelBubble=true;  

}  

function clickBtn(event) {

if (event.keyCode==13) {

        check();

    }

}

</script>  

</head>  

<body onkeypress="clickBtn(event)">

 

<form action="<c:url value="/common/user/loginCheck"/>" method="post">

<div class="text"></div>

<div class="uName"><input type="text"  id="t1" name="loginName"/></div>

<div class="pwd"><input type="password"  id ="t2" name="password"/></div>

<div class="code1">  <input name="chknumber" type="text" id="kaptcha" maxlength="4" class="chknumber_input" />      </div>

<div class="code2"><a href="javascript:changeCode()">看不清,换图</a> 

</div>

<div class="butLogin" ><img src="<c:url value="/resources/images/but_login.png/" />" width=57px; height=29px; onclick="check();"/>

</div>

</form>

 

</body>

</html>

 

分享到:
评论

相关推荐

    Textbox控件注册回车事件及触发按钮提交事件具体实现

    引子: 在ASP.Net页面中textbox的index为1(或n),其后的提交按钮index为2(n+1),光标在textbox中,回车后自动焦点移动到后面的button上,会触发button的点击事件。 但在Lyncplus客户端中访问Web页面时遇到了TextBox...

    禁止按回车键提交表单的方法

    主要介绍了禁止按回车键提交表单的方法的相关资料,需要的朋友可以参考下

    按回车表单自动提交问题意外发现

    在name输入框中 按回车时,表单就会提交。而且表单中没有submit按钮的,经搜索发现如果表单中只有一个文本框,那么按回车时,就会提交表单,感兴趣的朋友可以了解下

    js 监听页面回车事件 过滤文本域

    主要是为了页面没有提交按钮 无法实现回车自动提交所写在功能,屏蔽了表单中文本域回车导致提交功能。

    jQuery实现当按下回车键时绑定点击事件

    当按下回车键时,绑定按钮点击事件代码如下,通过检测按下的键值,回车键keycode为13,判断是否是回车键,然后完成相应的方法。 代码如下: [removed] $(function(){ $(document).keydown(function(event){ if(event....

    jsp中如何实现按下回车键自动提交表单

    为了省事很多时候希望可以按回车键来提交表单,要控制这些行为,可以借助JS来达到要求。 代码如下: &lt;&#37;@ page language=java contentType=text/html; charset=UTF-8 pageEncoding=UTF-8%&gt; &lt;&#37;@ ...

    网页中回车后form自动提交跳到其他页面的解决方法

    网页回车后form自动提交,跑到其他页面 有个查询的form,本来是希望点击查询时才查询的,结果测试到回车时跑到其他页面去了。 复制代码代码如下: &lt;form action=”notice.php” method=”get”&gt; … &lt;...

    订票助手2.0.1版 解决提交订单的验证码错误问题

    基于12306订票助手开发,解决验证码问题,火狐专用版,每次自动对焦到验证码输入框,并输入完成后自动提交,无需点击提交按钮或是按回车键。 经验证,火狐9.0.1版本下,使用 greasemonkey-0.9.13-fx.xpi 无法成功...

    楼月文本自动输入器 v3.0.zip

     安装软件后,您只需要重复点击“添加”按钮添加上您经常需要输入的文字内容并设置好其对应的热键,当您在必要的时候,按下您设置好的热键,该段文本就自动输入到了当前的文本框中。  该软件广泛应用于网上客服...

    miao-buy-encrypt v3.7.4-谷歌浏览器版本.rar

    2.秒杀辅助,秒杀开始前 5 分钟,秒杀助手自动帮你点击秒杀按钮,直到秒杀开始,开始后鼠标自动聚焦到答案输入框。 3.直接回车提交答案。 也就是安装 Miao 秒杀助手后,只需打开页面等着直接输入题目答案,然后...

    autoComplete 自动完成,

    autoComplete 自动完成 输入提示 添加多项自定义项,自定义提交的按钮,自定义是否提交,自定义回车后的操作,是否选择后附加到文本框,是否使用文本框 的宽度

    《程序天下:JavaScript实例自学手册》光盘源码

    9.10 表格按回车自动生成新行 9.11 单击单元格背景变色 9.12 单击表格某行后其他行隐藏 9.13 单击表头实现表格排序 9.14 单击单元格显示行的详细信息 9.15 表格设置为“100%”时获取表格的宽度 9.16 表格选中后变色 ...

    程序天下:JavaScript实例自学手册

    9.10 表格按回车自动生成新行 9.11 单击单元格背景变色 9.12 单击表格某行后其他行隐藏 9.13 单击表头实现表格排序 9.14 单击单元格显示行的详细信息 9.15 表格设置为“100%”时获取表格的宽度 9.16 表格选中后变色 ...

    超实用的jQuery代码段

    2.22 防止单个页面重复提交按钮 2.23 取得列表控件选中的option对象 2.24 限制输入框仅接受特殊字符的输入 2.25 禁止页面内全部超链接 2.26 实现动态组合列表框 2.27 如何使用属性过滤器 2.28 如何测试某个元素是否...

    SiteServer v3.4.4 for .net1.1.rar

    解决提交表单中内容回车换行后台显示不正常问题。 解决信息管理--站点数据统计中如果回收站里面有东西,按栏目统计和按管理员统计的数据不一致问题。 解决提交表单字段表单提交类型改为内容编辑器加上验证不正常...

    artDialog_Demo

    18、修复一处隐秘BUG:当使用Ctrl+回车提交表单并弹出对话框时导致弹出新窗口 (因为此时焦点在对话框关闭链接上,这个快捷键让很多浏览器新建窗口) 19、重新绘制'earo'皮肤,修复毛边的问题 20、修复拖动的时候...

    ASP.NET程序中常用的三十三种代码

    在DataGrid中有3个模板列包含Textbox分别为 DG_ShuLiang (数量) DG_DanJian(单价) DG_JinE(金额)分别在5.6.7列,要求在录入数量及单价的时候自动算出金额即:数量*单价=金额还要求录入时限制为 数值型.我如何用客户端...

Global site tag (gtag.js) - Google Analytics