Student-Enrollment-JsonPowerDB/index.html at main · newdevatgit/Student-Enrollment-JsonPowerDB · GitHub

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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Student Enrollment Form</title>

  <!-- Bootstrap CSS -->
  <link rel="stylesheet"
        href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">

  <!-- jQuery -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

  <!-- JSONPowerDB Commons -->
  <script src="https://login2explore.com/jpdb/resources/js/0.0.3/jpdb-commons.js"></script>

  <!-- External JS -->
  <script src="student.js"></script>
</head>

<body onload="resetForm()">

<div class="container">
  <h2 class="text-center">Student Enrollment Form</h2>
  <hr>

  <form id="studentForm">

    <div class="form-group">
      <label>Roll No</label>
      <input type="text" id="rollNo" class="form-control"
             onchange="checkRollNo()">
    </div>

    <div class="form-group">
      <label>Full Name</label>
      <input type="text" id="fullName" class="form-control">
    </div>

    <div class="form-group">
      <label>Class</label>
      <input type="text" id="studentClass" class="form-control">
    </div>

    <div class="form-group">
      <label>Birth Date</label>
      <input type="date" id="birthDate" class="form-control">
    </div>

    <div class="form-group">
      <label>Address</label>
      <input type="text" id="address" class="form-control">
    </div>

    <div class="form-group">
      <label>Enrollment Date</label>
      <input type="date" id="enrollDate" class="form-control">
    </div>

    <div class="text-center">
      <input type="button" id="saveBtn" value="Save"
             class="btn btn-primary" onclick="saveStudent()" disabled>

      <input type="button" id="updateBtn" value="Change"
             class="btn btn-primary" onclick="updateStudent()" disabled>

      <input type="button" id="resetBtn" value="Reset"
             class="btn btn-primary" onclick="resetForm()" disabled>
    </div>

  </form>
</div>

</body>
</html>