membuat validasi form sederhana menggunakan javascript

Pada tutorial kali inni anda akan belajar bagaimana cara membuat validasi form sederhana menggunakan javascript beserta contohnya.

Hallo semuanya kembali lagi pada artikel dumet school , untuk kali ini saya kan membahas tentang javascsript yaiut bagaimana membuat validasi form sederhana menggunakan javascript , karena dalam membuat website yang ada fomnya kita tidak akan terlepas dari yang namanya validasi.

oke kita mulai saja ya, silahkan kalian salin Htmlnya :

<!DOCTYPE html>
<html>

<head>

</head>
<body>

<form name="myForm" action="demo_form.asp"
onsubmit="return validateForm()" method="post">
Nama : <input type="text" name="fname">
<input type="submit" value="Submit">
</form>

</body>
</html>

setelah kalian salin htmlnya lalu silahkam salin javascriptnya :

<script>
function validateForm() {
    var x = document.forms["myForm"]["fname"].value;
    if (x == null || x == "") {
        alert("Nama Wajib Diisi !");
        return false;
    }
}
</script>

jadi penjelasn program ini adalah di saat input type tidak aa isinya lalu di klik button submitnya maka akan muncul pesan alert yang bertuliskan bawah inputan harus di isi. Maka hasilnya akan seperti ini :

oke itulah car membuat validasi form sederhana menggunakan javascript , silahkan di kembangkan lagi dari code tersebut. dan sampai bertemu pada artikel selanjutya.

Membuat Validasi Form Sederhana Menggunakan Javascript

Kategori