Membuat validasi pada sebuah form bisa dilakukan dengan berbagai macam cara diataranya menggunakan PHP, JQuery, atau menggunakan javascript.
Kali ini saya akan sharing bagaimana cara melakukan validasi menggunakan javascript.
 |
| validasi password javascript |
Codingnya seperti ini.
<html>
<head>
</head>
<body>
<script language="javascript">
function validate() {
var password1 = document.getElementById('password').value;
var password2 = document.getElementById('repassword').value;
if (password1 != password2) {
alert("Password Tidak Sama!!");
} else {
alert("Password Tersimpan");
}
}
</script>
<form action="#" method="POST">
<input type="password" placeholder="Masukan password" id="password" />
<input type="password" placeholder="Masukan Kembali password" id="repassword" />
<input type="Submit" onClick="validate();" value="OK" />
</form>
</body>
</html>
Penjelasan
1. Membuat form, membuat input bertipe password dan memberi id yang unik pada setiap inputnya.
<form action="#" method="POST">
<input id="password" placeholder="Masukan password" type="password" />
<input id="repassword" placeholder="Masukan Kembali password" type="password" />
2. Membuat input bertipe submit, dan memberi action yaitu onClick. dan mengisikan fungsi validate(); kedalam event onclicknya<input id="password" placeholder="Masukan password" type="password" />
<input id="repassword" placeholder="Masukan Kembali password" type="password" />
<input type="Submit" onClick="validate();" value="OK" />
3. Membuat javascript validasi yang akan dipanggil ketika mengklik tombol OK
<script language="javascript">
function validate() {
var password1 = document.getElementById('password').value;
var password2 = document.getElementById('repassword').value;
if (password1 != password2) {
alert("Password Tidak Sama!!");
} else {
alert("Password Tersimpan");
}
}
</script>
function validate() {
var password1 = document.getElementById('password').value;
var password2 = document.getElementById('repassword').value;
if (password1 != password2) {
alert("Password Tidak Sama!!");
} else {
alert("Password Tersimpan");
}
}
</script>
Anda juga bisa menambahkan validasi banyaknya leng minimal yang harus diisi pada kondisi if di funtion validate()
Semoga membantu
Artikelnya bagus Gan. Penjelasannya juga singkat dan mudah dimengerti. Good Job Gan. Saya mau kasih sedikit saran aja, akan lebih baik lagi jika disertakan gambar hasil dari sintaks" di atas agar pemula seperti saya lebih mudah lagi untuk mengerti dan juga tolong tambahkan validasi-validasi lainnya agar lebih lengkap. Di tunggu artikel selanjutnya ya Gan. Perkenalkan nama saya Tessa Hervika ayo kunjungi website kampus saya https://www.atmaluhur.ac.id/
BalasHapusWah aritkelnya bagus min,,
BalasHapusseneeng banget deh bisa nemuin dan baca artikel ini karna sangat membantu saya sebagai pemula dalam belajar pemrograman web apalagi dalam mempelajari bagaimana Membuat validasi password menggunakan javascript terus berkarya ya min ,,,ooh ya perkenalkan nama saya Miftahul Jannah Kunjungi website kampus saya https://www.atmaluhur.ac.id/
terimakasih min, artikelnya cukup berguna untuk saya yang baru mempelajari tentang materi ini. disini saya bisa mengetahui cara membuat validasi form html dengan javascript. apalagi untuk saya yang kuliah di bagian komputer, artikel ini sangat membantu saya dan dapat membantu banyak orang juga. semoga kedepannya admin bisa membuat artikel bermanfaat lainnya. terimakasih min, semoga kedepannya admin makin sukses yaa.. Perkenalkan nama saya Ferlyta Athiyyah Rahil, silahkan kunjungi website kampus saya https://www.atmaluhur.ac.id/
BalasHapusthanks min untuk artikelnya dan ilmunya dari membaca artikel ini saya lebih mengenal bagaimana cara membuat validasi form html dengan javascript.semoga blog ini ke depannya dapat lebih memberikan artikel yg bermanfaat untuk kami yg baru belajar pemrograman web. Always success :)
BalasHapusperkenalkan nama saya Rachma Dini kunjungi website kampus saya https://www.atmaluhur.ac.id/
Arigatau gazaimasu.artikelnya bagus sekali.artikel tentang Membuat validasi password menggunakan javascript, ini dapat membatu saya ,pemula dalam memahaminya.terimakasih ya atas informasi yg dibagikan admin dalam artikel ini.
BalasHapusPerkenalkan nama saya jheny sandella, ayo kunjungi website kampus saya https://www.atmaluhur.ac.id/
thank you sis, the article is quite useful for me who are just learning about this material. This article really helped me know how to make html form validation with javascript. hopefully in the future you can make other useful articles. thank you sis, I hope that in the future you will be more successful, my name is Eva Maulani, please visit my campus website https://www.atmaluhur.ac.id/
BalasHapusTerimakasih kak atas artikelnya,sangat bermanfaat sekali. saya jadi bisa mudah memahami dan mempelajari cara bagaimana membuat validasi password menggunakan JavaSript. tetap selalu berkarya kak dan sukses selalu, ditunggu artikel-artikel terbaru selanjutnya. Perkenalkan nama saya Arnold Julyanto Sibarani, kunjungi website kampus saya https://www.atmaluhur.ac.id/
BalasHapusArtikel Tentang Validasi Form Html dengan Javascript ini sangat bagus gan, karna pemaparannnya yang singkat sehingga mudah untuk dipahami, smoga dapat memberikan karya- karya terbaik , ditunggu untuk artikel selanjutnya.
BalasHapusPerkenalkan saya Mutia Amirah Rahim. Ayo Kunjungi Website Kampus Saya di https://www.atmaluhur.ac.id/
Terimakasih artikel yang membahas validasi formulir html dengan javascript.
BalasHapusdari beberapa artikel yang sempat saya kunjungi dan saya baca masih banyak penulisan, bahasa, dan penyajian dalam menjelaskan suatu materi yang rumit untk dipahami..smg kakak trs brkrya untk membuat artikel yg bermanfaat lainnya
Perkenalkan nama saya,ernita resva julina
Kunjungi web kampus saya https://www.atmaluhur.ac.id
Hallo Min artikelnya membantu sekali bagi saya yang baru belajar tentang formulir html dengan javascrip, sukses dan jaya selalu Min, ditunggu artikel selanjutnya. perkelnalkan nama saya Margiana Rahayu kunjungi website kampus saya https://www.atmaluhur.ac.id
BalasHapusTerimakasih gan atas infonya, sangat membantu saya dalam mengembangkan pengetahuan saya dalam belajar menggunakan javascript, terutama membuat validasi password. dan saya sedikit menggerti dalam memahami cara membuatnya. semoga kedepannya dapat membuat validasi yang lebih banyak agar dapat membantu saya dan untuk orang lain dalam belajar menggunakan javascript. Perkenalkan Nama saya Lois Pratama, dan ini website kampus saya kalau adminnya mau mengunjungi https://www.atmaluhur.ac.id/
BalasHapusThank you kak atas artikel yang membahas cara membuat validasi password, penjelasannya sangat mudah dimengerti dan sangat bermanfaat bagi saya yang baru belajar. Semangat kak membuat artikel lainnya supaya bisa membantu orang lain. Perkenalkan nama saya Tamara Oktavia website kampus saya https://www.atmaluhur.ac.id/
BalasHapusWahh artikelnya bagus min.sangat berguna bagi saya yang baru mempelajari membuat validasi password menggunankan Javasrip.tetap bekarya ya min.ditunggu artikel selanjutnya..
BalasHapusperkenalkan nama saya Lailatul Marfu'ah
Kunjungi website kampus kami https://www.atmaluhur.ac.id/
Wahh artikelnya bagus min.sangat berguna bagi saya yang baru mempelajari membuat validasi password menggunankan Javasrip.tetap bekarya ya min.ditunggu artikel selanjutnya..
BalasHapusperkenalkan nama saya Lailatul Marfu'ah
Kunjungi website kampus kami https://www.atmaluhur.ac.id/
Thanks ya min,udah membantu saya sebagai pemula dalam belajar membuat validasi password menggunakan javascript.Saya udah cari-cari artikel yang lain tapi saya ngak paham.tapi berkat artikel yang admin buat alhamdulilah saya udah mengerti dan paham...
BalasHapusTetap semangat min,buat artikelnya...Perkenalkan nama saya Sawalia Safitri kunjungi website kampus kami https://www.atmaluhur.ac.id/
Allhamdulillah.Terimakasih yaa kak artikelnya dan ilmunya.
BalasHapusTentang membuat validasi password menggunakan javascript.
Saya menjadi tau dan lebih paham..Semoga kedepannnya dapat
membuat artikel-artikel yang lebih banyak agar dapat membantu
saya dan orang lain dalam belajar menggunakan javascript.
Terus berkarya..
Perkenalkan nama saya adeka sri purwanti.website kampus kami
https://www.atmaluhur.ac.id
Terima kasih artikelnya membantu sekali bagi saya yang baru belajar tentang formulir html dengan javascrip, sukses dan jaya selalu Min, ditunggu artikel selanjutnya. nama saya Muhammad arga sendiansyah, kunjungi website kampus saya https://www.atmaluhur.ac.id
BalasHapusWahh. Mantap min. Artikelnya padat, jelas, dan sangat mudah dimengerti. Btw, saya semester awal, jadi artikel2 gini sangat dibutuhin untuk belajar bagi saya yang pemula hehe. Terus berkarya, ya! Terus bikin artikel tentang koding2 gini. Sukses dan jaya selalu. Semoga selalu diberi kesehatan ditengah tengah virus covid 19 yg mewabah ini.
BalasHapusOiya, nama saya Putra Raniansyah. Dan kenalin nih website kampus saya https://www.atmaluhur.ac.id
ya saya semakin mengerti gan,artikelnya bagus mudah untuk difahami apalagi bagi saya yg baru belajar. jadi menambahwawasan saya. terimasig gan semoga semakin beguna artikelnya dan semangat terus untuk membuat artikelnya. Nama Saya Ulfa Maryanti website kampus kami https://www.atmaluhur.ac.id/
BalasHapusterimakasih kak, atas artikelnya yang sangat menarik cukup berguna untuk saya yang baru mempelajari tentang materi ini. disini saya bisa mengetahui cara membuat validasi form html dengan javascript. apalagi untuk saya yang kuliah di bagian komputer, artikel ini sangat membantu kami. semoga kedepannya kakak bisa membuat artikel bermanfaat lainnya. terimakasih kak, tetap aktif terus ya kak... semoga kedepannya kakak makin sukses.. Perkenalkan nama saya Derma Anzeny, silahkan kunjungi website kampus saya https://www.atmaluhur.ac.id/
BalasHapuswaahhh terimakasih minn artikelnya sangat menarik dan membantu saya mempelajari materi ini,dari cara membuat validasi password menggunakan javascript,codingannya sangat membantu sekali untuk saya yang masih belajar ini,terus berkarya minn ditunggu artikel lainnya yang manarik menarik lagii,perkenalkan nama saya risa aprilia kunjungi juga website kampus saya di link ini https://www.atmaluhur.ac.id/
BalasHapusWahh terimakasih gan atas infonya, sangat membantu saya dalam mengembangkan pengetahuan saya dalam belajar menggunakan javascript, terutama membuat validasi password. dan saya sedikit menggerti dalam memahami cara membuatnya. semoga kedepannya dapat membuat validasi yang lebih banyak agar dapat membantu khususnya saya dan untuk orang lain dalam belajar menggunakan javascript.perkenalkam nama saya Rinto Zumaris Akbar
BalasHapusKunjungi website kampus saya https://www.atmaluhur.ac.id/
Keren sekali artikelnya kak. Artikel kakak ini sangat berguna bagi saya yang baru belajar validasi password dengan menggunakan javascript.
BalasHapusOohhh nama saya Nuzul syafitri .
Ayo kunjungi website kampus kami https://www.atmaluhur.ac.id/
Terimakasih gan artikelnya sangat bagus,
BalasHapusSebelumnya saya belum paham bagaimana cara membuat validasi
Password menggunakan javascript,setelah melihat codingan dari kakak saya jadi paham, semangat dalam berkarya sukses selalu, perkenalkan nama saya wendi sepriyadi, kunjungi website kami
https://www.atmaluhur.ac.id/
Terimakasih min atas artikel yang admin buat, artikelnya sangat membantu saya dalam membuat validasi password menggunakan javascript, perkenalkan nama saya Tahmi, website kampus kami
BalasHapushttps://www.atmaluhur.ac.id/
Wahhh....terimaksih min artikel nya sangat bagus,artikelnya sangat membantu saya dalam membuat validasi password menggunakan javascript,semoga artikelnya bergunanbagi teman" saya yang lainya perkenalkan nama saya fauzan website kampus saya https://www.atmaluhur.ac.id/
BalasHapusTerimakasih kak atas artikel yang admin buat, artikelnya sangat membantu saya dalam membuat validasi password menggunakan javascript, perkenalkan nama saya ardo jordi setiawan , website kampus kami
BalasHapushttps://www.atmaluhur.ac.id/
terimakasih min, artikelnya cukup berguna untuk saya yang baru mempelajari tentang materi ini. disini saya bisa mengetahui cara membuat validasi form html dengan javascript. apalagi untuk saya yang kuliah di bagian komputer, artikel ini sangat membantu saya dan dapat membantu banyak orang juga. semoga kedepannya admin bisa membuat artikel bermanfaat lainnya. terimakasih min, semoga kedepannya admin makin sukses yaa.. Perkenalkan nama saya Teddy Kurnia Harfian syah, silahkan kunjungi website kampus saya https://www.atmaluhur.ac.id/
BalasHapusThankyou admin atas artikelnya,memudahkan saya dalam memahami bagaimana kerja javascript pada pemprograman web pada html saya,sekarang udah ngerti gmna cara nya.ditambah ada foto langkah” yg admin berikan.Seemangat terus min dalam artikelnya
BalasHapusPerkenalkan Nama saya Meilita Sari
Kunjungi website kampus kami https://www.atmaluhur.ac.id/
Terimakasih kak atas artikel yang membahas cara membuat validasi password, penjelasannya sangat mudah dimengerti dan sangat bermanfaat bagi saya yang baru belajar. Jangan bosan untuk memberi materi lainnya kak , sukses terus ya kak.Perkenalkan NAMA saya DIAN ANGGREINI NIM 1922500136 website kampus saya https://www.atmaluhur.ac.id/
BalasHapus