[solved] [ask] javascript input and select form check

by **r45** » 13 Jan 2010, 10:02

hallo semua,
saya coba melakukan pengecekan input data oleh user dengan menggunakan javascript sbb (didalam <head>):

Code: Select all: <script language="JavaScript" type="text/javascript">  </script>

dan ini form inputnya :

Code: Select all: <form action=save.php method=post> <input name=name type=text size=60> <select name=status> <option value='OO'>Select Status</option> <option value='TK'>Tidak Menikah</option> <option value='KW'>Menikah</option> <option value='JD'>Janda</option> <option value='DD'>Duda</option> </select> <input type=submit value=save> </form>

pengecekan input nama berjalan dengan baik, bila nama dikosongkan keluar alert seperti yang diinginkan, tapi untuk status kok tidak di cek ya, data langsung terkirim ke save.php.

apakah untuk tipe 'input' dan 'select' metoda pengecekan yang harus dipakai berbeda?

by **jawaad** » 13 Jan 2010, 19:13

Silahkan dicoba script ini:

Code: Select all: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Validation Select</title> <script type="text/javascript"> function checkform(form){ if (form.name.value == "") { alert( "Please do not leave Name blank..." ); form.name.focus(); return false; } var pilihan_status = form.status.selectedIndex; if (form.status.options[pilihan_status].value == "OO") { alert( "Please select Status..." ); form.status.focus(); return false; } return true; } </script> </head> <body> <form name="form1" action="" method=post onsubmit="return checkform(this);"> <input name=name type=text size=60 value="aa"> <select name=status> <option value='OO'>Select Status</option> <option value='TK'>Tidak Menikah</option> <option value='KW'>Menikah</option> <option value='JD'>Janda</option> <option value='DD'>Duda</option> </select> <input type=submit value=save> </form> </body> </html>