lanrikey
- 浏览: 50613 次
- 来自: 深圳
-
文章分类
最新评论
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="css/text.css" type="text/css">
</head>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onkeydown="on_return();">
<form name ="loginForm" method="post" action="fuck.html">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="69%" height="30"><span class="font_04">帐户名</span>
<input type="text" name="userName" size="18.5">
</td>
</tr>
<tr>
<td width="69%" height="30"><span class="font_04">密 码</span>
<input type="password" name="pwd" >
</td>
</tr>
<tr>
<td width="31%" height="30">
<a id="sub" onClick='check()' >
登陆</a></td>
</tr>
</table>
</form>
</body>
</html>
<script language="javascript">
function check() {
var formname=document.loginForm;
if (formname.userName.value == "") {
alert("请输入用户名！");
formname.userName.focus();
return false;
}
if (formname.pwd.value == "") {
alert("请输入密码！");
formname.pwd.focus();
return false;
}
formname.submit();
}
//回车时，默认是登陆
function on_return(){
if(window.event.keyCode == 13){
if (document.all('sub')!=null){
document.all('sub').click();
}
}
}
</script>
仔细看红字在<body>里面我们加了onkeydown属性,这样我们输入好内容后按键就可以直接执行JS方法on_return()了.因为window.event.keyCode 如果是13的话,表示回车键,所以我们判断我们按的键是不是回车键,如果是我们就去找'sub'属性,假如找到了执行click方法就是了.
很简单吧,只需要加个JS方法,页面上有些细微改动就OK了.所以只是个小玩意,博君一笑尔.
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="css/text.css" type="text/css">
</head>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onkeydown="on_return();">
<form name ="loginForm" method="post" action="fuck.html">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="69%" height="30"><span class="font_04">帐户名</span>
<input type="text" name="userName" size="18.5">
</td>
</tr>
<tr>
<td width="69%" height="30"><span class="font_04">密 码</span>
<input type="password" name="pwd" >
</td>
</tr>
<tr>
<td width="31%" height="30">
<a id="sub" onClick='check()' >
登陆</a></td>
</tr>
</table>
</form>
</body>
</html>
<script language="javascript">
function check() {
var formname=document.loginForm;
if (formname.userName.value == "") {
alert("请输入用户名！");
formname.userName.focus();
return false;
}
if (formname.pwd.value == "") {
alert("请输入密码！");
formname.pwd.focus();
return false;
}
formname.submit();
}
//回车时，默认是登陆
function on_return(){
if(window.event.keyCode == 13){
if (document.all('sub')!=null){
document.all('sub').click();
}
}
}
</script>
仔细看红字在<body>里面我们加了onkeydown属性,这样我们输入好内容后按键就可以直接执行JS方法on_return()了.因为window.event.keyCode 如果是13的话,表示回车键,所以我们判断我们按的键是不是回车键,如果是我们就去找'sub'属性,假如找到了执行click方法就是了.
很简单吧,只需要加个JS方法,页面上有些细微改动就OK了.所以只是个小玩意,博君一笑尔.
分享到：
发表评论
-
IE下使用uploadify上传文件的相关问题解决
2017-10-12 12:14 277SWFUpload.prototype.cleanUp = f ... -
js和java 中文乱码
2016-11-18 11:37 553因为在jsp中对中文进行了编码的时候用的是UTF-8的编码 ... -
js常用方法
2016-08-25 17:37 445当前返回日期yyyy-MM-dd function get ... -
js时间比较/当前时间
2015-12-03 21:49 471var selectDate=edit.getContro ... -
js map类型
2015-08-25 10:11 936<script> function Map2() ... -
javat替换成换行符，关于textarea中换行、回车、空格的识别与处理
2015-08-24 20:05 1635var newString=con.replace(/\n/ ... -
使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL
2015-07-18 15:24 5028后退时关闭当前页面 < ... -
限制文本框只能输入数字
2015-07-07 15:59 397js控制只允许输入数字 avascript 只允许输入数字有很 ... -
正确优雅的解决用户退出问题——JSP和Struts解决方案(转载)
2015-07-06 17:37 501正确优雅的解决用户退出问题——JSP和Struts解决方案(转 ... -
长度限制
2015-06-12 16:56 651//=============得到输入框长度（包括中文）=== ... -
js input即时监听输入值
2015-06-08 17:01 2521总结一下 ：要想在输入框超过限制长度时候，不给输入。之前是用o ... -
js记录用户名密码 COOKIE
2015-06-02 10:43 809记录COOKIE后，当取消复选框时 发现无法删除COOKIE。 ... -
Js实现图片上传前在本地预览
2015-05-28 17:59 531<!DOCTYPE html PUBLIC " ... -
获取系统当前时间 适合用于头部
2015-05-26 16:26 429<!DOCTYPE HTML PUBLIC " ... -
JS 将字符串转换成日期类型
2015-05-22 14:52 630JS 将字符串转换成日期类型 2013-06-19 17:48 ... -
JS函数中带与不带括号的区别
2015-05-21 18:16 429JS函数中带与不带括号的区别 其实总结起来如下： 函数只要是要 ... -
JS 字符串长度判断
2015-05-20 10:08 1652content.replaceAll("(\r\n| ... -
js开发遇到在方法中调用另一方法问题
2015-05-19 18:03 498/eas_crm_dayi/WebContent/ecp/pa ...
相关推荐
点击回车提交表单，点击回车提交表单，应用Java技术实现。
主要介绍了jquery实现的禁止回车触发表单提交的方法，非常的使用，这里推荐给大家。
当提交form表单数据时直接触发回车键,就可以提交表单。为了省事很多时候希望可以按回车键来提交表单,要控制这些行为,可以借助JS来达到要求。
只要点击回车键就可以进入此程序或者开启某项功能，不过有时候我们希望阻止它的功能，例如在填写表单的时候，可能不小心点击回车键造成表单误提交，下面就来简单介绍一下如何实现此功能。代码实例如下: 如何防止...
有时候我们为了省事就操作键盘组合键去代替使用鼠标，我们今天就使用JQuery实现Ctrl+Enter提交表单。...那么我们可以通过Javascript脚本来控制使用Ctrl+Enter键来组合完成表单提交，本文结合示例讲解基于jQ
解决提交表单字段表单提交类型改为内容编辑器加上验证不正常问题。 解决添加内容时点击预览，浏览的页面不正确问题。 解决添加简历后发送邮件不起作用问题。 解决分配审核权限时不应该有生成页面的权限问题。 ...
在asp.net引入事件驱动...用户按回车也不是没有提交表单，通过httpwath可以看到，实际上页面表单是提交到了form下的action页面，只不过没有触发onclick事件而已。 在asp.net事件驱动模式下面，要实现通过回车来触发事
[优化]gridRows和Total字段名可配置，提交给服务器的参数可配置，所有与用户操作交互的地方（如上一页、下一页）都加上事件 [优化]插件执行直接返回ligerGrid Manager(其他用到接口管理对象的插件都类同) 树 [优化...
当填写完表单时，将光标定位在单行文本框中敲击回车键，可代替点击提交表单按钮的功能。此功能可方便用户快速提交表单。 3、复选框与单选框： 在选中复选框或单选框时，为了增加鼠标点选的方便性，点击其后面的...
15. 在jsp中,怎么实现按回车就可提交表单? 16. 在JSP中如何传递数组? 17. 按地址取图片？ 18. JSP中如何上传图片到数据库字段？ 19. 页面自动刷新？ 20. 表单自动提交？ 21. 从JSP传数据的到JAVABEAN里? 22. ...
5.小技巧：基本上全部页面都实现回车键提交表单。 后台目前的功能有： 1.管理中心：查看网站基本数据，添加修改管理员,留言本管理，数据备份（安全码：cn-web)，地区管理（动态添加修改地区），广播管理（注意...
在jsp中,怎么实现按回车就可提交表单? 16. 在JSP中如何传递数组? 17. 按地址取图片？ 18. JSP中如何上传图片到数据库字段？ 19. 页面自动刷新？ 20. 表单自动提交？ 21. 从JSP传数据的到JAVABEAN...
如用户详情信息，发现其中某几个字段信息需要修改，可直接点击该字段内容进行修改，节约了用户时间，（传统的做法是进入一个编辑页面，列出所有编辑的字段信息，即使你只需要编辑其中一两个字段内容，然后点击提交）...
7.2 回车实现Tab键功能 7.3 Ctrl+Enter提交数据 7.4 IE中屏蔽退格建（Back Space） 7.5 屏蔽键盘所有键 7.6 JavaScript捕获方向键 7.7 状态栏变化信息 7.8 状态栏的跑马灯效果 7.9 状态栏缩放文字 7.10 状态栏文字...
7.2 回车实现Tab键功能 7.3 Ctrl+Enter提交数据 7.4 IE中屏蔽退格建（Back Space） 7.5 屏蔽键盘所有键 7.6 JavaScript捕获方向键 7.7 状态栏变化信息 7.8 状态栏的跑马灯效果 7.9 状态栏缩放文字 7.10 状态栏文字...
作用：保留源文档中的回车 和 空格 的作用 <pre></pre> 8、分区元素 1、块分区元素 语法：<div></div> 作用：布局 2、行内分区元素 语法：<span></span> 作用：设置同一行文字内的不同样式 9、行内元素 与...
//导航栏的URL文本 （用于普通的输//入网址浏览和回车浏览） List<int> cishu = new List(); //储存寻找关键字符的位置 int i = 0; //记录列表cishu的下标 } } //********************************************...