Cara menggunakan buat formulir dengan javascript

Question

Buat file dengan nama latihan. html, karena kami menggunakan javascript anda bisa meletakkan filenya dimana saja, jadi tidak perlu taruh di htdocs. Copy paste script di bawah ini, lalu simpan

Table of Contents Show

Kode Sumber Program
Penjelasan Kode Program
Demo formulir masuk
Layar Cetak Keluaran Program


<form name="test" onsubmit="cekemail(this.test2.value); return false">
    <input type="text" size="20" name="test2">
    <input type="submit" value="submit">
    <script>
        function cekemail(email){
            if(email.indexOf("@")!=-1 && email.indexOf(".")!=-1){
                alert("ini adalah email");
            }
            else{
                alert("ini bukan email");
            }
        }
    </script>
</form>

Penjelasan
kami membuat formulir sederhana yang terdiri dari input teks dan tombol. ketika kita klik tombol tersebut maka fungsi cek email akan otomatis dipanggil dan akan mengecek data yang diinputkan oleh pengguna. Jika data masukan berisi @ dan. , maka browser akan menampilkan alertbox bertuliskan "ini email" dan jika salah satu syarat diatas tidak terpenuhi atau keduanya tidak terpenuhi maka browser akan menampilkan alertbox bertuliskan "ini bukan email"

Coba jalankan di browser, cari file pelatihan. html, klik kanan dan buka dengan browser yang sering anda gunakan. Hasilnya akan terlihat seperti gambar di bawah ini. jika Anda memasukkan email yang benar, itu akan menampilkan kotak peringatan yang mengatakan "ini adalah email"

Kotak Peringatan jika email yang dimasukkan benar

Atau jika Anda memasukkan email yang salah, maka akan muncul kotak peringatan yang mengatakan "ini bukan email"

Kotak Peringatan jika email yang dimasukkan salah

Ok sekian tutorial validasi email menggunakan javascript semoga bermanfaat bagi kita semua. Jika ada kesulitan, atau jika ada kesalahan, silahkan tanyakan pada kolom komentar di bawah. Selamat mengkode

Cara Membuat Form Login Sederhana dengan JavaScript

Cara Membuat Form Login Sederhana Dengan JavaScript - Pada postingan kali ini saya akan kembali membahas hal-hal yang berhubungan dengan pemrograman web yaitu membuat form login pada halaman web

Di jejaring sosial seperti facebook, twitter, kaskus dll. Seringkali kita menemukan form login dimana biasanya anda disuruh memasukkan username atau email lalu password anda. Hal ini dilakukan untuk melindungi akun Anda dari pihak yang bertanggung jawab yang dapat menyalahgunakan akun Anda

Nah disini saya akan mencoba membuat form login sederhana dengan menggunakan javascript dimana terdapat 2 input yaitu username dan password

Algoritma pembuatan form login sendiri bisa dikatakan sederhana yaitu jika username dan password yang dimasukkan benar maka akan muncul pesan “Selamat anda berhasil login. " dan sebaliknya

Kode Sumber Program

<html>
    <script language="JavaScript">
        function Login(){ 
            var user = document.getElementById("username).value;
            var pass = document.getElementById("password).value;

            if (user=="admin" && passw=="123"){
                alert("Selamat anda berhasil login");
            }else{
                alert("Username dan password anda salah!");
            }
        }
    </script>
   
<body>
    <form>
        <table width="225" cellpadding="4">
            <tr>
                <td>Username</td>
                <td><input type="text" id="username"></td>
            </tr>
            <tr>
                <td>Password</td>
                <td><input type="text" id="password"></td>
            </tr>
            <tr>
                <td colspan="2" align="right"><input type="button" value="Login" onClick="Login()"></td>
            </tr>
        </table>
    </form>
</body>
</html>

_

Penjelasan Kode Program

dokumen. getElemetById("nama pengguna"). nilai . digunakan untuk mengambil nilai atau konten dari input dengan id="username"
dokumen. getElementById("kata sandi"). nilai . digunakan untuk mengambil nilai konten tau dari input dengan id="password"
if (user=="juned" && pass="123") . Percabangan dengan menggunakan operator && (artinya kedua syarat tersebut harus terpenuhi, yaitu user harus memiliki nilai " juned " dan pass harus " 123 " maka kondisi akan BENAR) jika nilainya BENAR maka akan muncul pesan “Selamat Anda berhasil login”.
selain itu . bila kondisi FALSE maka yang akan dijalankan adalah proses pada tag else yang menampilkan pesan “Username dan password salah. "