Membuat Validasi Form Sederhana Menggunakan Javascript

Di panduan kali inni sahabat akan belajar bagaimana cara membangun validasi form sederhana menggunakan javascript dan juga contohnya.





 



Hallo semuanya kembali lagi di artikel Source Code Aplikasi , bagi kali ini saya kan membahas mengenai javascsript yaiut bagaimana membangun validasi form sederhana menggunakan javascript , karena pada membangun situs yang terdapat fomnya kita tak 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 ialah di ketika input type tak aa isinya lalu di klik button submitnya karenanya akan muncul pesan alert yang bertuliskan bawah inputan mesti di isi.  Karenanya hasilnya akan seperti ini :



Pada



 



oke begitulah car membangun validasi form sederhana menggunakan javascript , silahkan di kembangkan lagi dari code tersebut.  dan hingga bertemu di artikel selanjutya.




Sumber https://kursuswebsite.org

Popular posts from this blog

Cara Menghapus Isi Dari Form Input Menggunakan Javascript

Membuat Form Menarik Menggunakan HTML dan CSS