Forum Nusansifor

Full Version: [solved] [ask] javascript input and select form check
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
hallo semua,
saya coba melakukan pengecekan input data oleh user dengan menggunakan javascript sbb (didalam <head>):

PHP Code:
<script language="JavaScript" type="text/javascript">
 
   <!--
 
   function checkform(form){
 
     if (form.name.value == "") {
 
       alert"Please do not leave Name blank..." );
 
       form.name.focus();
 
       return false ;
 
     }
 
     if (form.status.selectedIndex == "OO") {
 
       alert"Please select Status..." );
 
       form.status.focus();
 
       return false ;
 
     }
 
     return true ;
 
   }
 
   //-->
 
   </script> 

dan ini form inputnya :
PHP Code:
   <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?
Silahkan dicoba script ini:

PHP Code:
<!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> 

Referensi lain untuk memudahkan dan cukup keren, menggunakan plugin jQuery.
Keren dan simpel.
demo: http://jquery.bassistance.de/validate/demo/
detail dan download: http://bassistance.de/jquery-plugins/jqu...alidation/
selalu kurangnya cuma dikit,,, menggelikan dan sekaligus memalukan Icon_lol
dah jalan mas, terima kasih, tunggu saja pertanyaan newbie selanjutnya Wink

btw, makasih infonya, dah tengok barusan tapi belum pelajari lebih jauh, bagus sekali buat pembelajaran.

ok, solved lagi...
ok solved ya Yihaa musik Mr Green
codingnya hebat dan bermanfaat untuk semua member disini
saya rasa ini cukup membantu dan mempersingkat data
salah satu refrensi yang bagus ketika mendadak lagi di butuhkan