1. //index.html
  2. <!doctype html>
  3. <html lang="de">
  4. <head>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9. <script type="text/javascript">
  10. $(document).ready(function(){
  11. if($('#yd_send').stop().click(function () {
  12. var name = $('#yd_name_send').val();
  13. var pw = $('#yd_pw_send').val();
  14. if(pw == '' || name == '') {
  16. } else {
  17. $.ajax({
  18. type: 'POST',
  19. url: 'login.php',
  20. data: 'luser=' + name + '&pw=' + pw,
  22. success: function (msg) {
  23. $("#yd_warn_place").html(msg);
  24. }
  25. });
  26. }
  27. }));
  28. });
  29. </script>
  30. </head>
  31. <body>
  32. <div id="yd_start">
  33. <div id="yd_switch_case">
  35. </div>
  36. </div>
  37. </div>
  38. <footer>
  40. </footer>
  41. </body>
  42. </html>
  43. //start.html
  44. <div id="yd_login">
  45. <center>
  46. <h1 id="yd_line">Leak your Mind</h1>
  47. <form method="post">
  48. <input id="yd_name_send" type="name" placeholder="Name" required>
  49. <input id="yd_pw_send" type="password" placeholder="Passwort" required>
  50. <input type="submit" disabled="disabled" value="Login" id="yd_send">
  51. </form>
  52. <p id="yd_warn_place"></p>
  53. </center>
  54. </div>

HAbe alles noch ein bisschen zurecht geschnitten!