Webbserverprogrammering 1

Källkod

Följande filer och mappar finns under mappen webbserverprogrammering.
Mappar visas till vänster och filer till höger. Klicka på en fil eller mapp för att öppna nedan eller visa dess innehåll.

webbserverprogrammering/exercises/ajax/chat/

3 filer

create_table_ajax_accounts.php
login.html
username_check.php

login.html

45 lines UTF-8 Windows (CRLF)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!-- 

Vet inte vad detta är egentligen, men tar ändå inte bort det //Alrik 2020-06-04

-->


<!DOCTYPE html>
<html lang="sv">
<head>
 <title>Login - chat</title>
 <meta charset="utf-8">
</head>
<body>
 <h1>Log in</h1>
 <form method="post" action="">
  Username: <input id="userInput" type="text" name="username" required> <span id="msg"></span><br>
  Password: <input type="password" name="password" required><br>
  <input id="submit" type="submit" name="submit" value="Log in">
 </form>

 <script type="text/javascript" src="../jquery-3.4.1.js"></script>
 <script type="text/javascript">
  $("#userInput").keyup(function() {

   var username = $("#userInput").val();

   if (username.length > 2) {
      $.post("username_check.php", { query:username }, function(response, status) {
       if (response == 1) {
        $("#msg").html("Användarnamnet finns redan!");
        $("#submit").prop("disabled", true);
       } else {
        $("#msg").html("Ok!");
        $("#submit").prop("disabled", false);
       }
      });
     } else {
      $("#msg").html("");
      $("#submit").prop("disabled", false);
     }
    });
 </script>
</body>
</html>