lanrikey
- 浏览: 52203 次
- 来自: 深圳
-
文章分类
最新评论
<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 310SWFUpload.prototype.cleanUp = f ... -
js和java 中文乱码
2016-11-18 11:37 570因为在jsp中对中文进行了编码的时候用的是UTF-8的编码 ... -
js常用方法
2016-08-25 17:37 475当前返回日期yyyy-MM-dd function get ... -
js时间比较/当前时间
2015-12-03 21:49 497var selectDate=edit.getContro ... -
js map类型
2015-08-25 10:11 966<script> function Map2() ... -
javat替换成换行符，关于textarea中换行、回车、空格的识别与处理
2015-08-24 20:05 1669var newString=con.replace(/\n/ ... -
使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL
2015-07-18 15:24 5073后退时关闭当前页面 < ... -
限制文本框只能输入数字
2015-07-07 15:59 422js控制只允许输入数字 avascript 只允许输入数字有很 ... -
正确优雅的解决用户退出问题——JSP和Struts解决方案(转载)
2015-07-06 17:37 523正确优雅的解决用户退出问题——JSP和Struts解决方案(转 ... -
长度限制
2015-06-12 16:56 675//=============得到输入框长度（包括中文）=== ... -
js input即时监听输入值
2015-06-08 17:01 2548总结一下 ：要想在输入框超过限制长度时候，不给输入。之前是用o ... -
js记录用户名密码 COOKIE
2015-06-02 10:43 829记录COOKIE后，当取消复选框时 发现无法删除COOKIE。 ... -
Js实现图片上传前在本地预览
2015-05-28 17:59 555<!DOCTYPE html PUBLIC " ... -
获取系统当前时间 适合用于头部
2015-05-26 16:26 446<!DOCTYPE HTML PUBLIC " ... -
JS 将字符串转换成日期类型
2015-05-22 14:52 657JS 将字符串转换成日期类型 2013-06-19 17:48 ... -
JS函数中带与不带括号的区别
2015-05-21 18:16 451JS函数中带与不带括号的区别 其实总结起来如下： 函数只要是要 ... -
JS 字符串长度判断
2015-05-20 10:08 1680content.replaceAll("(\r\n| ... -
js开发遇到在方法中调用另一方法问题
2015-05-19 18:03 520/eas_crm_dayi/WebContent/ecp/pa ...
相关推荐
#### 二、使用Java技术实现表单提交 虽然题目中提到“应用Java技术实现”，但实际上这段代码主要涉及的是HTML和JavaScript。不过，在Web开发领域内，“Java技术”可能是指包括Java后端处理在内的整体Web开发流程。...
总结起来，回车键触发表单提交是HTML表单交互的一部分，通过理解其默认行为和利用JavaScript事件监听，我们可以定制符合需求的表单提交逻辑。在进行此类操作时，务必兼顾功能实现和用户体验，以提供高质量的Web应用...
如果确实按下了回车键，则模拟点击提交按钮的行为，进而实现表单的自动提交。 ### 2. 兼容性问题及解决方案 在上述代码中，可以看到开发者为了兼容IE浏览器而特别编写了一段逻辑。这是因为早期的IE浏览器与其他...
总的来说，禁止回车键提交表单可以通过多种方式实现，包括添加隐藏输入框、监听键盘事件、绑定按钮点击事件以及自定义表单提交逻辑。这些方法可以根据实际需求和用户体验来灵活选择和组合。在设计网页表单时，考虑到...
本文将探讨如何使用JavaScript和jQuery来实现当用户在表单中按下回车键时触发表单提交的两种方法。 首先，我们要了解在HTML中表单提交的基础。通常情况下，表单提交是通过在表单元素内点击提交按钮来完成的。然而，...
通常，表单提交可以通过点击提交按钮或者按下回车键（Enter）来实现。然而，在一些场景中，我们可能需要控制回车键的行为，以便使其在特定情况下触发表单提交，在其他情况下则不执行此操作。以下是关于JavaScript...
要实现回车键自动提交表单，我们可以添加一个JavaScript函数，该函数监听键盘事件，并在检测到回车键被按下时模拟点击提交按钮。这里的关键在于捕获键盘事件（`keydown`或`keyup`）并检查其按键码（keyCode）。回车...
表单提交是Web应用中非常常见的操作，通常是通过点击一个提交按钮来实现。然而，在实际开发中，有时候会遇到一些特殊的需求或者行为，比如在没有提交按钮的情况下，用户按下回车键（Enter键）时，表单也能够进行提交...
一旦检测到回车键被按下，我们可以调用相应的函数来模拟表单提交行为。这通常涉及到收集输入框的数据、处理这些数据（例如进行格式验证），以及将数据发送到服务器端。 #### 代码示例 下面提供了一个简单的...
通过JavaScript为`<input>`元素添加`onkeydown`事件，监听键盘事件，当检测到回车键（键码13）被按下时，返回`false`阻止表单提交。 ```html <!doctype html> <title>test <!--为input增加一个按键...
本文将详细讲解如何使用 jQuery 实现回车键触发表单提交。 首先，让我们回顾一下问题的背景：一个登录页面没有使用传统的 `<form>` 标签，而是用 jQuery 的 AJAX 方法与服务器进行通信。这导致了浏览器无法通过回车...
在网页开发中，"网页 按ctrl+回车提交" 是一种常见的用户交互功能，它允许用户在填写表单后通过按下键盘上的Ctrl+Enter组合键来快速提交信息，而不是仅依赖于点击按钮。这一功能可以提升用户体验，特别是在处理大量...
2. 表单提交：在Web开发中，表单（Form）是用户与网页交互的一种方式。用户在表单中填写信息，提交后服务器可以对这些信息进行处理。表单通常包含输入字段，比如文本框、密码框、按钮等。 3. JavaScript键盘事件：...
在编程和网页设计中，通过键盘快捷键触发...此外，这种技术的运用并不局限于触发按钮点击事件，也可以扩展到其他类型的事件处理，比如表单提交、图片切换等操作。因此，掌握这项技能对于前端开发者来说是十分必要的。
在网页开发中，表单提交是一个常见的功能，用户可以通过点击提交按钮或按回车键来完成提交。然而，不同的浏览器对于回车提交表单的处理方式存在差异，这需要开发者充分理解并适配这些差异，以确保应用在各种环境下都...
在网页开发中，用户交互是至关重要的，而表单提交是网页交互的一种常见方式。"r键按钮提交表单代码"这个主题涉及到如何利用键盘快捷键，尤其是Ctrl+Enter和R键来触发表单的提交操作。这通常用于提高用户效率，让用户...
// 自定义的表单提交函数 } }); function submitForm() { // 提交表单的代码 } ``` 在提供的文件列表中，`jquery-1.8.3.js`是jQuery库的文件，确保在你的HTML文件中引入这个文件，以便使用jQuery功能。`...
在现代Web前端开发中，创建吸引用户注意力的交互式元素是至关重要的，而"超酷CSS3发光搜索框表单提交"就是一个很好的示例。这个项目利用了CSS3的先进特性，结合jQuery和HTML5，为用户提供了一种极具视觉吸引力的搜索...
这两种方法都可以实现表单的提交功能，但在第二种方法中，当用户填写完表单后，按回车键并不会触发按钮点击事件，这与第一种方法的行为不一致，可能会导致用户体验不佳。 #### 三、实现按回车键触发按钮点击事件的...