Tugas 5 PWEB Bayu Adjie Sidharta 0511940000172

Untuk tugas kali ini, saya membuat website berisi form untuk validasi vaksin. Saya membuat website ini menggunakan html, css, dan javascript. Untuk link yang dapat diakses adalah sebagai berikut : Website
<!DOCTYPE html>
<html lang="en">
<head>
<title>Validation Form</title>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
/>
</head>
<body style="background-color: #DCDCDC">
<div class="container text-center">
<h1>Bayu Adjie Sidharta | 05111940000172</h1>
</div>
<div class="container">
<form
name="formPendaftaran"
action="#"
method="post"
onsubmit="return validateForm()"
>
<div class="form-group mt-5">
<label>Nama</label>
<input
type="text"
name="nama"
placeholder="Nama lengkap"
class="form-control"
required
maxlength="40"
minlength="3"
/>
</div>
<div class="form-group">
<label>NRP</label>
<input
type="number"
name="nrp"
placeholder="NRP anda"
class="form-control"
required
maxlength="14"
minlegnth="10"
/>
</div>
<div class="form-group">
<label>Jurusan</label>
<select name="jurusan" class="form-control">
<option value="0">Pilih Jurusan</option>
<option value="1">Teknik Informatika</option>
<option value="2">Teknik Komputer</option>
<option value="3">Teknik Biomedik</option>
<option value="4">Sistem Informasi</option>
</select>
</div>
<div class="form-group">
<label>Apakah sudah melakukan vaksin pertama?</label>
<select name="vaksin1" class="form-control">
<option value="0">Pilih opsi</option>
<option value="1">Sudah</option>
<option value="2">Belum</option>
</select>
</div>
<div class="form-group">
<label>Apakah sudah melakukan vaksin kedua?</label>
<select name="vaksin2" class="form-control">
<option value="0">Pilih opsi</option>
<option value="1">Sudah</option>
<option value="2">Belum</option>
</select>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
<script>
function validateForm() {
if (document.forms["formPendaftaran"]["nama"].value == "") {
alert("Nama tidak boleh kosong");
document.forms["formPendaftaran"]["nama"].focus();
return false;
}
if (document.forms["formPendaftaran"]["nrp"].value == "") {
alert("NRP Tidak Boleh Kosong");
document.forms["formPendaftaran"]["nrp"].focus();
return false;
}
if (document.forms["formPendaftaran"]["jurusan"].selectedIndex < 1) {
alert("Pilih Jurusan");
document.forms["formPendaftaran"]["jurusan"].focus();
return false;
}
if (document.forms["formPendaftaran"]["vaksin1"].selectedIndex < 1) {
alert("Pilih salah satu");
document.forms["formPendaftaran"]["vaksin1"].focus();
return false;
}
if (document.forms["formPendaftaran"]["vaksin2"].selectedIndex < 1) {
alert("Pilih salah satu");
document.forms["formPendaftaran"]["vaksin2"].focus();
return false;
}
}
</script>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<title>Validation Form</title>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
/>
</head>
<body style="background-color: #DCDCDC">
<div class="container text-center">
<h1>Bayu Adjie Sidharta | 05111940000172</h1>
</div>
<div class="container">
<form
name="formPendaftaran"
action="#"
method="post"
onsubmit="return validateForm()"
>
<div class="form-group mt-5">
<label>Nama</label>
<input
type="text"
name="nama"
placeholder="Nama lengkap"
class="form-control"
required
maxlength="40"
minlength="3"
/>
</div>
<div class="form-group">
<label>NRP</label>
<input
type="number"
name="nrp"
placeholder="NRP anda"
class="form-control"
required
maxlength="14"
minlegnth="10"
/>
</div>
<div class="form-group">
<label>Jurusan</label>
<select name="jurusan" class="form-control">
<option value="0">Pilih Jurusan</option>
<option value="1">Teknik Informatika</option>
<option value="2">Teknik Komputer</option>
<option value="3">Teknik Biomedik</option>
<option value="4">Sistem Informasi</option>
</select>
</div>
<div class="form-group">
<label>Apakah sudah melakukan vaksin pertama?</label>
<select name="vaksin1" class="form-control">
<option value="0">Pilih opsi</option>
<option value="1">Sudah</option>
<option value="2">Belum</option>
</select>
</div>
<div class="form-group">
<label>Apakah sudah melakukan vaksin kedua?</label>
<select name="vaksin2" class="form-control">
<option value="0">Pilih opsi</option>
<option value="1">Sudah</option>
<option value="2">Belum</option>
</select>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
<script>
function validateForm() {
if (document.forms["formPendaftaran"]["nama"].value == "") {
alert("Nama tidak boleh kosong");
document.forms["formPendaftaran"]["nama"].focus();
return false;
}
if (document.forms["formPendaftaran"]["nrp"].value == "") {
alert("NRP Tidak Boleh Kosong");
document.forms["formPendaftaran"]["nrp"].focus();
return false;
}
if (document.forms["formPendaftaran"]["jurusan"].selectedIndex < 1) {
alert("Pilih Jurusan");
document.forms["formPendaftaran"]["jurusan"].focus();
return false;
}
if (document.forms["formPendaftaran"]["vaksin1"].selectedIndex < 1) {
alert("Pilih salah satu");
document.forms["formPendaftaran"]["vaksin1"].focus();
return false;
}
if (document.forms["formPendaftaran"]["vaksin2"].selectedIndex < 1) {
alert("Pilih salah satu");
document.forms["formPendaftaran"]["vaksin2"].focus();
return false;
}
}
</script>
</body>
</html>
view raw index.html hosted with ❤ by GitHub

Comments

Post a Comment

Popular posts from this blog

Tugas 5 RK B

Image
 Uber Ride Deskripsi Uber Uber Technologies Inc. adalah perusahaan jaringan transportasi asal San Francisco, California, yang menciptakan aplikasi penyedia transportasi yang menghubungkan penumpang dengan sopir kendaraan sewaan serta layanan tumpangan langsung. Perusahaan ini juga mengatur layanan penjemputan di berbagai kota di seluruh dunia. Mobil dapat dipesan dengan mengirim pesan teks atau memakai aplikasi bergerak khusus—pilihan terakhir juga bisa digunakan untuk melacak lokasi mobil pesanan pengguna. Tujuan utama Uber Tujuan dari dibuatnya uber adalah untuk menjangkau semua daerah dan menghubungkan melalui transportasi. Dari sini visi dan misi Uber dapat dijabarkan sebagai: Meningkatkan kualitas hidup  Dengan adanya Uber, diharapkan pengguna mendapatkan kemudahan dalam berbagai sektor hidupnya. Selalu Tersedia bagi setiap pelanggannya Uber selalu berusaha menciptakan environment yang konsisten dan selalu tersedia kapanpun dan dimanapun. Menciptakan peluang baru Uber ber...
Read more