Guest User

Untitled

a guest
Feb 28th, 2018
119
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.31 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>Javascript Login</title>
  4. </head>
  5. <body>
  6. <span style="text-align:center"><h1>Bee Information System</h1></span>
  7. <form name="sebuahform" method="post" style="
  8. border: 4px double #CCC;
  9. padding: 10px 5px;
  10. width: 200px;
  11. margin: 0 auto;
  12. border-style: dobke;
  13. ">
  14. Username : <input type="text" name="username" value=""><br>
  15. Password : <input type="text" name="password" value=""><br>
  16. <div style="text-align:right;margin-top:10px"><input type="submit"></div>
  17. </form>
  18. </body>
  19.  
  20. <script type="text/javascript">
  21.  
  22. // mengambil value dari form atas
  23. var get_username = document.formbinus.username.value;
  24. var get_password = document.formbinus.password.value;
  25.  
  26. // penampung username dan password
  27. var username_arr = ["Admin","User"];
  28. var password_arr = ["123","345"];
  29.  
  30. // valid atau tidak?
  31. var valid = false;
  32.  
  33. // looping
  34. for (var i = 0; i < username_arr.length; i++ ) {
  35.  
  36. // jika username dan password sama.. misal username_arr[1] dengan password_arr[1] maka valid
  37. if ( get_username == username_arr[i] && get_password == password_arr[i])) {
  38. valid = true;
  39. break;
  40. }
  41. };
  42.  
  43. // error
  44. if (valid) {
  45. alert("login berhasil!");
  46. return false;
  47. };
  48.  
  49.  
  50. if (!valid) {
  51. alert("login tidak berhasil!");
  52. return false;
  53. };
  54.  
  55. </script>
  56.  
  57. </html>
Add Comment
Please, Sign In to add comment