当我按Enter键时，无法登录

Question

我一直在尝试使用Enter键登录到脱机HTML / CSS页面，但是无法启动需要我确定的JavaScript。

但是当我单击创建的登录按钮时可以使用鼠标登录。

如何使用Enter键登录？

这是我经过硬编码以进行证书测试的javascript，它可以使用鼠标单击来工作。.我想要它作为Enter键..谢谢。

<!DOCTYPE HTML>
<html>
<head>
<title>
Login page
</title>
</head>
<body>
<div align="center">
<div id="bor">

<h1>
   Login Page
</h1>

<div>
<form name="login">
&nbsp<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>

Answer 1

使用提交事件处理程序。 元素上的点击处理程序仅在您单击时才会触发。 您要尝试提交的是表单，但是要使用javascript而不是在服务器上处理表单。 我建议动态地进行绑定，但是由于您的所有JavaScript都是内联的，因此我也会给出内联的示例。

您需要在表单元素上附加一个提交事件处理程序。 如果您onsubmit="..."联方式进行操作，它将与onsubmit="..."使用。 那里的退货是为了防止/允许将表单提交给服务器。 如果函数返回“ true”，则表单将被提交到服务器。 如果函数返回“ false”，则不会提交表单。 您还需要更改提交按钮的类型才能submit 。 如果单击该按钮，它将告诉浏览器提交表单。 或者，如果您在输入字段中按Enter键，浏览器也将看到此表单正在提交。

<form name="login" onsubmit="return check(this)">
&nbsp<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传递给了函数。 这会将元素本身（在这种情况下为form元素）传递给函数。 如前所述，您需要返回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/

当我按Enter键时，无法登录

问题描述

1 个解决方案

解决方案1
1 2013-10-22 09:16:15

当我按Enter键时，无法登录

问题描述

1 个解决方案

解决方案1 1 2013-10-22 09:16:15

解决方案1
1 2013-10-22 09:16:15