자바 유효성 검사가 포함 된 HTML

-3

다음 프로그램이 예상대로 작동하지 않습니다. 나는 그들이 언급 한 html로 내 페이지를 탐색해야 올바른지, 사용자 이름과 비밀 번호를 확인하고 싶습니다. 비록 내가 올바른 사용자 이름과 비밀 번호를 준 나는 잘못된 값을 받고있다. 코드를 수정하십시오.자바 유효성 검사가 포함 된 HTML

<!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' 사람이 암호와 사용자 이름을 얻을 수 있습니다. 또한,'form'과'submit'을 사용하면 페이지가 다시로드되므로 클릭 이벤트가 실행되지 않습니다. PHP 또는 사용중인 서버 측 언어가 아닌 사용자 이름과 암호를 확인해야합니다. javacript – 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

답변

관련 문제