Html with Javascript validation

-3

以下程序无法按预期方式工作。我想检查用户名和密码，如果他们是正确的，那么我需要浏览我的网页提到的HTML。即使我给了正确的用户名和密码，我得到不正确的值。请更正代码。Html with Javascript validation

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="ISO-8859-1"> 
<title>License Management System-Login</title> 
</head> 
<body bgcolor="00CCCC"> 
<h1 style="text-align:center">License Management System</h1> 
<h3 style="text-align:center">Login</h3> 
<div align="center"> 
<form method="post"> 
<table> 
<tr> 
<td>User Name:</td> 
<td><input type="text" name="username"></td> 
</tr> 
<tr> 
<td>Password:</td> 
<td><input type="password" name="password"></td> 
</tr> 
<tr> 
<td colspan="2"><input type="submit" name="submit" value="Login" onclick="validate()"/></td> 
</tr> 
</table> 
</form> 
</div> 
</body> 
<script type="text/javascript"> 

function validate(){ 
    var username = document.getElementsByName("username").value; 
    var password = document.getElementsByName("password").value; 

    if (username === "admin" && password === "admin"){ 
     alert ("Login successfully"); 
     window.location.assign("/License_Mgnt_System/FirstPage.html");//redirecting to other page 
     return true; 
    } 
    else{ 
      alert("Enter the correct details"); 
      return false; 
     } 
} 
</script> 
</html>

来源

2015-01-05 Vandhana

很好，但打'CTRL + u'任何人都可以获取您的密码和用户名，因为它的JavaScript，这将是每个人都完全可见。另外，使用'form'和'submit'你将重新加载页面，因此你的点击事件将不会被执行。你应该用PHP或者你正在使用的任何服务器端语言来检查用户名和密码，而不是javascript – briosheje

好吧。我想要这个代码工作。你能给我一个解决方案吗？ – Vandhana

当然，我可以为你的特定情况使用PHP吗？ – briosheje

-1

使用getElementById("id")

，并添加id属性的控件。删除名称属性。

来源

2015-01-05 16:20:58 user1067742

getElementsByName返回一个集合。您需要添加[0]以获取用户名和密码的值。

var username = document.getElementsByName("username")[0].value; 
var password = document.getElementsByName("password")[0].value;

来源

2015-01-05 16:23:51

你getElementsByName systax是不正确的。使用下面的代码，你会得到适当的价值。 :)

解决方案

<!DOCTYPE html> 
<html> 
    <head>   
     <title>License Management System-Login</title> 
     <script type="text/javascript"> 
      function validate() { 
       var username = document.getElementsByName("username")[0].value; 
       var password = document.getElementsByName("password")[0].value; 

       if (username === "admin" && password === "admin") { 
        alert("Login successfully"); 
        window.location.assign("/License_Mgnt_System/FirstPage.html");//redirecting to other page 
        return true; 
       } 
       else { 
        alert("Enter the correct details"); 
        return false; 
       } 
      } 
     </script> 
    </head> 
    <body bgcolor="00CCCC"> 
     <h1 style="text-align:center">License Management System</h1> 
     <h3 style="text-align:center">Login</h3> 
     <div align="center"> 
      <form method="post"> 
       <table> 
        <tr> 
         <td>User Name:</td> 
         <td><input type="text" name="username"></td> 
        </tr> 
        <tr> 
         <td>Password:</td> 
         <td><input type="password" name="password"></td> 
        </tr> 
        <tr> 
         <td colspan="2"><input type="submit" name="submit" value="Login" onclick="validate()"/></td> 
        </tr> 
       </table> 
      </form> 
     </div> 
    </body>  
</html>

来源

2015-01-05 17:31:23

Html with Javascript validation

回答

相关问题