當我按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