function validate() {
    var studentid = document.getElementById("studentid").value;
    var name = document.getElementById("name").value;
    var email = document.getElementById("email").value;
    if (nameEmpty(name)) {
        if (studentidEmpty(studentid)) {
            if (emailEmpty(email)) {
                if (digitCheck(studentid)) {
                    if checkEmail(email) {
                        verify(name, studentid)
                    }
                }
            }
        }
    }
    return false;
}

function studentidEmpty(studentid) {
    if (studentid == "") {
        alert("Please provide your student id!");
        studentid.focus();
        return false;
    }
}

function nameEmpty(name) {
    if (name == "") {
        alert("Please provide your name!");
        name.focus();
        return false;
    }
}

function emailEmpty(email) {
    if (email == "") {
        alert("Please provide your email!");
        email.focus();
        return false;
    }

    function digitCheck(studentid) {
        var ok = studentid.search(".{8,}");
        if (ok != 0) {
            alert("Please provide ID with 8 digits.");
            return false;
        }
    }

    function checkEmail(email) {
        var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        if (!filter.test(email.value)) {
            alert('Please provide a valid email address');
            email.focus;
            return false;
        }
    }

    function verify(name, studentid) {
        var personList = [
            ["Joe", 11111111],
            ["Tammy", 22222222],
            ["Jones", 33333333]
        ];
        for (list in personList) {
            if (name in list && studentid in list) {
                alert("Welcome! An email verification with be sent soon.");
                return true;
            } else {
                alert("Student Name and/or ID not found in records");
                return false;
            }
        }
    }
}

Setting Validate Copy Format

body{
  background: lightblue;
  line-height: 2em
}

input[type=text] {
  border: 2px solid black;
  border-radius: 4px;
}

input[type=number] {
  border: 2px solid black;
  border-radius: 4px;
}

.container {
  width: 500px;
  clear: both;
}

.container input {
  width: 100%;
  clear: both;
}

Setting Validate Copy Format

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Student Login Form</title>
  <link rel='stylesheet' href='studentform.css' type='text/css' />
  <script src="studentform.js"></script>
</head>
<body onload="document.form.studentid.focus();">
  <h1>Student Login</h1>
  <div class="container">
  <form name="form" onsubmit="return validate();">
      <label for="studentid">Student ID:</label>
      <input type="number" name="studentid" maxlength="8" id="studentid" required />

      <label for="name">Name:</label>
      <input type="text" name="name" size="50"  id="name" required />

      <label for="email">Email:</label>
      <input type="email" name="email" size="50" id="email" required />

      <label for="emailconfirm">Email Confirmation:</label>
      <input type="checkbox" name="emailconfirm" checked /><span>Send an email confirmation</span>

      <select>
        <option selected>Student Registration</option>
        <option>Transcript</option>
      </select>

      <input type="submit" name="submit" value="Submit" />
  </form>
</div>
</body>
</html>

Copy Format

Download