2016-06-22 33 views
0

我想創建一個登錄頁面。我想要幾件事情,如果我輸入錯誤的用戶標識符比它會給出警報,如果留空,那麼它會給予警報,也不適當的電子郵件地址和密碼中的情況下,它會顯示same`在JavaScript中創建登錄頁面,以便在登錄時告訴錯誤

<html> 
 
    <head> 
 
    <script language="javascript"> 
 
     function check(form) { 
 
     if (form.userid.value == "id") { 
 
      alert("correct username") 
 
     } 
 
     else if(form.userid.value == "") { 
 
      alert(blank username) 
 
     } 
 

 
     if (form.pswrd.value == "123") { 
 
      alert("correct details") 
 
     } 
 
     else if(form.pswrd.value == "") { 
 
      alert(blank username) 
 
     } 
 

 
     else { 
 
      alert("Error Password or Username") 
 
     } 
 
     } 
 
    </script> 
 
     
 
    </head> 
 
    <body> 
 
     <h1>Login </h1> 
 
     <form name="login"> 
 
      Username<input type="text" name="userid"/> 
 
      Password<input type="password" name="pswrd"/> 
 
      <input type="button" onclick="check(this.form)" value="Login"/> 
 
      <input type="reset" value="reset"/> 
 
     </form> 
 
    </body> 
 
</html>

`

+1

對於在登錄階段發生什麼問題給出提示是一種非常糟糕的做法。惡意用戶可以確定他以這種方式知道用戶名。總是給出登錄失敗的消息 – rick

+0

並且在javascript中編碼密碼將使任何人都可以輕鬆登錄? –

回答

3

你的代碼中有很多的語法錯誤,比如elseif,JavaScript不支持,缺少引號,壞括號。您是否使用IDE來幫助您編碼?在任何情況下,你可以在這裏你的代碼的補丁版本:

<html> 
 
<head> 
 
    <script language="javascript"> 
 
     function check(form) { 
 
      if(form.userid.value == "id") { 
 
       alert("correct username") 
 
      } else if (form.userid.value == "") { 
 
       alert ("blank username") 
 
      } else if(form.pswrd.value == "123") { 
 
       alert("correct details") 
 
      } else if(form.pswrd.value == "") { 
 
       alert ("blank password") 
 
      } 
 
     } 
 
    </script> 
 

 
</head> 
 
<body> 
 
<h1>Login </h1> 
 
<form name="login"> 
 
    Username<input type="text" name="userid"/> 
 
    Password<input type="password" name="pswrd"/> 
 
    <input type="button" onclick="check(this.form)" value="Login"/> 
 
    <input type="reset" value="reset"/> 
 
</form> 
 

 
</body> 
 
</html>

0

你應該在形式上開放標籤,而不是在提交輸入標籤的onclick使用事件的onsubmit。 用戶可以通過按回車來提交表單。