2016-08-10 13 views
1

HTMLログインページでパスワードとして「password123」を設定したいと思います。下記のソースコードで特定のパスワードを設定する際には助けが必要ですしなさい私は私のパスワードを検証するのに役立ちHTMLログインページのパスワードとして「password123」を設定するには

login.htmlと

<html> 
 
    <head> 
 
    <script type="text/javascript"> 
 
     function validation() 
 
     { 
 
     var a = document.form.pass.value; 
 
     if(a=="") 
 
     { 
 
      alert("Please Enter Your Password"); 
 
      document.form.pass.focus(); 
 
      return false; 
 
     } 
 
     } 
 
    </script> 
 
    </head> 
 
    <body> 
 
    <form name="form" method="post" onsubmit="return validation()" action="class_info.html"> 
 
     <tr> 
 
     <td> password:</td> 
 
     <td><input type="text" name="pass"></td> 
 
     </tr> 
 
     <tr> 
 
     <td></td> 
 
     <td><input type="submit" name="sub" value="Submit"></td> 
 
     </tr> 
 
    </form> 
 
    </body> 
 
</html>

答えて

1

私が正しくあなたを理解していれば、あなたは入力したパスワードは、右、password123に等しいかどうかを確認したいですか?

そうであれば、

0

<html> 
 
    <head> 
 
    <script type="text/javascript"> 
 
     function validation() 
 
     { 
 
     var a = document.form.pass.value; 
 
     var valid = true;  
 
     if(a=="") 
 
     { 
 
      valid = false; 
 
      alert("Please Enter Your Password"); 
 
     } 
 
     else if (a != 'password123') { 
 
      valid = false; 
 
      alert("Your Password is wrong"); 
 
     } 
 

 
     if (valid) { 
 
      alert('form submitted'); 
 
     } 
 
     else { 
 
      document.form.pass.focus(); 
 
      return false; 
 
     } 
 
     } 
 
    </script> 
 
    </head> 
 
    <body> 
 
    <form name="form" method="post" onsubmit="return validation()" action="class_info.html"> 
 
     <tr> 
 
     <td> password:</td> 
 
     <td><input type="text" name="pass"></td> 
 
     </tr> 
 
     <tr> 
 
     <td></td> 
 
     <td><input type="submit" name="sub" value="Submit"></td> 
 
     </tr> 
 
    </form> 
 
    </body> 
 
</html>
はちょうどあなたのコードに第2の比較を追加します。

if(a==="password123") { 
    alert("correct Password"); 
    return true; 
} 

login.htmlと

<html> 
 
    <head> 
 
    <script type="text/javascript"> 
 
     function validation() { 
 
     var a = document.form.pass.value; 
 
     if(a=="") { 
 
      alert("Please Enter Your Password"); 
 
      document.form.pass.focus(); 
 
      return false; 
 
     } else if(a==="password123") { 
 
      alert("correct Password"); 
 
      return true; 
 
     } 
 
     } 
 
    </script> 
 
    </head> 
 
    <body> 
 
    <form name="form" method="post" onsubmit="return validation()" action="class_info.html"> 
 
     <tr> 
 
     <td> password:</td> 
 
     <td><input type="text" name="pass"></td> 
 
     </tr> 
 
     <tr> 
 
     <td></td> 
 
     <td><input type="submit" name="sub" value="Submit"></td> 
 
     </tr> 
 
    </form> 
 
    </body> 
 
</html>

関連する問題