Cara Submit Otomatis Jika ada Nilai pada Input Form

Untuk membuat submit form secara otomatis dengan javascript, kode standar yang dibutuhkan hanya ini
document.getElementById("formID").submit();
Bagian formID diganti dengan nama ID yang ada pada form itu sendiri.

Namun kita dapat mengontrol dan memodifikasi pada form itu jika kita memiliki pengecualian. Misalnya kita hanya menginginkan auto submit jika pada input terdapat value/nilai dan atau melarang jika form belum terisi sepenuhnya.

Untuk membuat pengecualian, tambahkan script ini:
if ( document.getElementById("username").value !== "")

Jika ada dua value, tambahkan && sehingga membentuk kode seperti ini:
if ( document.getElementById("username").value !== "" &&
document.getElementById("password").value !== "")

Berikut contoh kode lengkap untuk melakukan hal itu:
HTML
<form id="formID" action="form.html" method="post">
Username: <input type="text" name="username" id="username" value="" /><br />
Password: <input type="password" name="password" id="password" value="" /><br />
<input type="submit" value="Submit" />
</form>
JavaScript
if ( document.getElementById("username").value !== "" &&
document.getElementById("password").value !== "") {
document.getElementById("formID").submit();
}

Untuk menguji, silahkan tambahkan nilai pada bagian value=""
Jika langsung submit berarti berhasil.

URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini