Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;800&display=swap" rel="stylesheet">
    <title>Persiapan Kuliah Tatap Muka</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <h1>Formulir Persiapan Kuliah Tatap Muka</h1>
        <form class="form-temp" name="formInfo" action="" method="post" onsubmit="return validateForm()">
            <div class="isi-form">
                <label>Nama </label> <br/>
                <input type="text" name="nama" placeholder="Nama Lengkap" class="form-control"> <br/>
            </div>
            <div class="isi-form">
                <label>NRP </label> <br/>
                <input type="text" name="nrp" placeholder="NRP" class="form-control"> <br/>
            </div>
            <div class="isi-form">
                <label>Alamat </label> <br/>
                <input type="text" name="alamat" placeholder="Alamat" class="form-control"><br/>
            </div>
            <div class="isi-form">
                <label>Email </label> <br/>
                <input type="text" name="email" placeholder="Email" class="form-control"><br/>
            </div>
            <div class="isi-form">
                <label>Jurusan </label> <br/>
                <select name="jurusan" id="" class="form-control-opt">
                    <option value="0">Pilih Jurusan</option>
                    <option value="1">Teknik Informatika</option>
                    <option value="2">Sistem Informasi</option>
                    <option value="3">Teknik Elektro</option>
                    <option value="4">Teknologi Informasi</option>
                    <option value="5">Teknik Komputer</option>
                </select><br/>
            </div>
            <div class="ket-vaksin">
                <p>Keterangan Vaksin</p>
            </div>
            <div class="container-1">
                <div class="isi-form-1">
                    <input type="checkbox" id="vaksin-0" name="vaksin-0" value="Vaksin0">
                    <label>Belum Vaksin</label><br/>
                </div>
                <div class="isi-form-1">
                    <input type="checkbox" id="vaksin-1" name="vaksin-1" value="Vaksin1">
                    <label>Hanya Vaksin Dosis 1</label><br/>
                </div>
                <div class="isi-form-1">
                    <input type="checkbox" id="vaksin-2" name="vaksin-2" value="Vaksin2">
                    <label>Sudah Vaksin</label>
                </div>
            </div>
            <button type="submit" class="btn btn-primary" data-rel="back" >Submit</button>
        </form>
    </div>
    <script>
        function validateForm() {
            if (document.forms["formInfo"]["nama"].value == "") {
                alert("Nama Tidak Boleh Kosong");
                document.forms["formInfo"]["nama"].focus();
                return false;
            }
            if (document.forms["formInfo"]["nrp"].value == "") {
                alert("NRP Tidak Boleh Kosong");
                document.forms["formInfo"]["nrp"].focus();
                return false;
            }
            if (document.forms["formInfo"]["alamat"].value == "") {
                alert("Alamat Tidak Boleh Kosong");
                document.forms["formInfo"]["alamat"].focus();
                return false;
            }
            if (document.forms["formInfo"]["email"].value == "") {
                alert("Email Tidak Boleh Kosong");
                document.forms["formInfo"]["email"].focus();
                return false;
            }
            if (document.forms["formInfo"]["jurusan"].selectedIndex < 1) {
                alert("Pilih Jurusan.");
                document.forms["formInfo"]["jurusan"].focus();
                return false;
            }
            alert('Berhasil');
        }
    </script>
</body>
</html>