Validasi Input Form

Script di bawah ini akan melakukan validasi pada form yang Anda buat, Anda dapat memodifikasi form di bawah, juga Anda dapat memanipulasi pesan yang tampil ketika user tidak memasukkan karakter ke dalam form Anda.

<html>
<head>
<title> Contoh JavaScript </title>
</head>
<body>
<SCRIPT language=JavaScript>
<!–
function validasi(){
if (document.forms[0].teks.value==””){
alert(“Warning!\nForm harus diisi…”)
document.forms[0].teks.focus();
return false;
} else {
alert(“Terima kasih Anda telah mengisi Form”)
}
}
// –>
</SCRIPT>
<B>Validasi Input Teks</B><br><br>
<FORM METHOD=POST ACTION=”” onSubmit=”return validasi()”>
<INPUT TYPE=”text” NAME=”teks”>
<INPUT TYPE=”submit” value=”Kirim”> <INPUT TYPE=”reset”>
</FORM>
</body>
</html>

Keterangan Script
<SCRIPT language=JavaScript>
Menunjukan bahwa kita menulis script menggunakan JavaScript

<!–
Menyembunyikan kode dari browser

function validasi()
Sebuah fungsi javascript dengan tanpa parameter “()”

if (document.forms[0].teks.value==””){
Pengecekan terhadap property input text pada dokument html

alert(“Warning!\nForm harus diisi…”)
Berfungsi untuk menampilkan pesan pada windows “alert”, kalau di Visual Basic mah msgBox.

document.forms[0].teks.focus();
Mengembalikan pointer ke form input

Iklan

14 comments on “Validasi Input Form

  1. # To afris :
    Berarti kita akan mematikan karakter huruf (si user tidak diperkenankan memasukan huruf), coba script ini :

    Contoh JavaScript By Supono

    Mencegah memasukkan huruf :

  2. # To bayu :
    Pake char search, kalau saya kebayang mah. Ptotngannya kaya dibawah ini
    var mikExp = /[\(\)\[\]\?\]/;
    function dodacheck(val) {
    var strPass = val.value;
    var strLength = strPass.length;
    var lchar = val.value.charAt((strLength) – 1);
    if(lchar.search(mikExp) != -1) {
    var tst = val.value.substring(0, (strLength) – 1);
    val.value = tst;
    }
    }
    Lupa lagi… he he

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s