Materi Tentang JavaScript Part 11 (Learning Of The Last)

Validasi


Validasi form sangat diperlukan dalam sebuah aplikasi. Terkadang kita diharuskan membuat form yang datanya harus diisi, ataupun input yang format isinya ditentukan seperti harus angka atau harus email. Jika pengguna tidak memenuhi ketentuan pengisian form maka akan muncul peringatan bahwa pengisian form tersebut tidak valid dan harus diperbaiki sebelum disimpan kembali.

<html>
<body>

<p id="pesan"> </p>

<form action="#">
<input type="text" id="fusername" palceholder="Username" required> <br>
<input type="password" id="fpassword" placeholder="Password"> <br>
<input type="submit" value="simpan" onclick="simpan();">
</form>

<script>
function simpan(){
var user = document.getElementById("fusername").value
var pass = document.getElementById("fpassword").value;
if(user===""){
document.getElementById("pesan").innerHTML = "Masukka Username";
}else if(pass===""){
document.getElementById("pesan").innerHTML = "Masukkan Password";
}else if(user==="admin" && pass=="1234"){
alert("login sukses");
}else{
alert("login gagal");
}
}
</script>
</body>
</html>


Sekian dari saya untuk penjelasan materi saat ini tentang JavaScript semoga bermanfaat untuk kalian semua. Dan ini adalah materi terakhir tentang JavaScript tapi setelah ini saya akan membuka materi baru yaitu tentang PHP. Di tunggu saja untuk materi PHP dan akan segera di upload....

Comments

Popular posts from this blog

Cara Mudah Download Video Dari Youtube

Cara Membuat Absen Dengan HTML Dan CSS

Materi Lengkap CSS | Belajar CSS Untuk Pemula | PilipMulyadi.Blogspot.com