当我按回车键时,无法登录
When I press enter key, unable to login
我一直在尝试使用输入键登录离线HTML/CSS页面,但无法从JavaScript开始,我敢肯定。
但是当我单击我创建的登录按钮时可以使用鼠标登录..
如何使用回车键登录?
这是我为凭据测试硬编码的javascript,它使用鼠标单击工作。我想要它作为回车键..谢谢。
<!DOCTYPE HTML>
<html>
<head>
<title>
Login page
</title>
</head>
<body>
<div align="center">
<div id="bor">
<h1>
Login Page
</h1>
<div>
<form name="login">
 <input type="text" placeholder="Enter the Username" name="user"/> <br />
<input type="password" placeholder="Enter the Password" name="pwd"/><br /><br />
<input type="checkbox" name="en" value="en" />Remember Me<br>
<input type="button" onclick="check(this.form)" value="Login"/>
<input type="reset" value="Cancel"/>
</form>
</div>
<script language="javascript">
function check(form)
{
if(form.user.value == "user" && form.pwd.value == "pwd")
{
window.open('inbox.html','_self')
}
else
{
alert("Error Password or Username")
}
}
</script>
使用提交事件处理程序。元素上的单击处理程序仅在单击时触发。您尝试做的是提交表单,但使用 javascript 而不是在服务器上处理表单。我建议动态绑定它,但由于您在这里内联了所有 javascript,所以我也会给出一个内联示例。
您需要将提交事件处理程序附加到表单元素。如果您以内联方式执行此操作,这将适用于onsubmit="..."
。返回是为了防止/允许将表单提交到服务器。如果函数返回"true",则表单将提交到服务器。如果函数返回"false",则不会提交表单。您还需要将提交按钮的类型更改为 submit
。这将告诉浏览器在单击该按钮时提交表单。或者,如果您在输入字段中按 Enter 键,浏览器也会将其视为正在提交表单。
<form name="login" onsubmit="return check(this)">
 <input type="text" placeholder="Enter the Username" name="user"/> <br />
<input type="password" placeholder="Enter the Password" name="pwd"/><br/><br/>
<input type="checkbox" name="en" value="en" />Remember Me<br>
<input type="submit" value="Login"/>
<input type="reset" value="Cancel"/>
</form>
它背后的JavaScript将基本保持不变。您会注意到我们this
传递给了函数。这会将元素本身(在本例中为表单元素)传递给函数。如前所述,您需要返回false
.我已将form
更改为frm
,因为form
在某些浏览器中是全局定义的变量。
function check(frm)
{
if(frm.user.value == "user" && frm.pwd.value == "pwd")
{
window.open('inbox.html','_self')
}
else
{
alert("Error Password or Username")
}
return false;
}
一个例子 jsfiddle: http://jsfiddle.net/AS5t5/
相关文章:
- 使用acess代币登录Facebook,并通过网络应用程序离线发布
- 尝试使用Phonegap进行php登录
- Facebook登录按钮没有'不能在Firefox上工作
- 使用javascript反复检查用户在facebook上的登录状态
- Firebase-登录时获取url
- chrome使用execCommand('copy')添加回车
- BrowserId登录请求在文档加载时被调用
- 通过iframe登录到远程站点
- Jquery Modal表单登录与AJAX-ASP经典上的IE 9
- 可以't用回车符分隔那个字符串
- 如何使用js自动登录
- 我尝试在登录脚本中使用ajax,但页面不会重定向
- 如何仅在首次登录时显示弹出窗口
- 如何检查用户已经登录facebook
- Facebook登录不适用于iOS的应用内浏览器
- Facebook登录按钮悬停框
- Phonegap:获取访问令牌时出现LinkedIn登录错误
- 如何检查用户是否使用$routeChangeStart登录angularjs
- Node.js Passport成功登录后显示用户名
- 有登录表单时无法提交表单