Tolong pilih kategori sesuai, jenis posting (pertanyaan atau bukan) dan sertakan tag/topik yang sesuai misal komputer, php, mysql, dll.
Promosi atau posting tidak pada tempatnya akan kami hapus.
Mencantumkan kode program di posting Anda, tolong ikuti aturan yang sesuai, baca http://diskusiweb.com/discussion/39204/aturan-cara-menyisipkan-kode-program-di-diskusiweb

Baca cara posting gambar/image di post Anda: http://www.diskusiweb.com/discussion/47345/cara-menyisipkan-menyertakan-image-pada-posting/p1

validasi form dua tanggal

ane mau tanya donks gimana sih caranya membuat javascrip nya validasi 2 tanggal jadi ada tanggal KTP sama tanggal EXP ktp jadi tanggal EXP ktp tidak boleh lebih kecil dari tanggal KTP mohon pencerahanya ya?

ane coba buat kayak gini kok gak bisa ya

<SCRIPT language=Javascript>
function isTGL() { var (tgl_akhir <= tgl_ktp) || (tgl_ktp >= tgl_akhir) then ditolak}
 
//-->
</SCRIPT>

Tanggapan

  • function isTGL() {
    var ( tgl_akhir <= tgl_ktp ) || (tgl_ktp >= tgl_akhir) then ditolak}

    itu ko ada var.. hm.. fungsinya kaga paham.

    buat fungsinya aja salah sepertinya mas.

  • ane udah coba pake if sih mas saefulloh heeee tapi gak bisa juga ada petunjuk mas?

    function isTGL() {
    if ( tgl_akhir <= tgl_ktp ) || (tgl_ktp >= tgl_akhir) then ditolak}
  • edited March 2013
    function isTGL() {
    if ( tgl_akhir <= tgl_ktp ){
    return "ditolak";
    }
    }


    fungsinya gitu kyane.. kurungnya pada kurang tuh.

    tgl_akhir tgl_kyp ga didefinisikan ya ??

  • terus di filed tgl_akhir sama tgl_ktp harus ane tambahin code apa mas biar fungsinya jalan?
  • di inputnya dikasih event

    <input dan lain2.. onblur="javascript:isTGL()"  />

    gitu.. ?
  • gak jalan mas saefulloh gak ada reaksinya
  • scriptnya mana ???

    wah saya ga liat ga bisa koreksi dan kasih saran mas..
  • heee sory mas ane lupa hee


    <script type="text/javascript">
    function isTGL() {
    if ( konsumen_tanggal_ktp <= konsumen_tanggal_ktp_exp ){
    return "ditolak";
    }
    }
    </script>
     
    <form id='userForm' action='?n=konsumen_add' name="konsumen" method=POST>
    <table border=0 cellpadding=0 cellspacing=0 style="border:solid 0px #000;color:#000">
    <tr>
    <td><h3>Tanggal KTP</h3></td>
    <td>:
    <input type="text" id="konsumen_tanggal_ktp" onBlur="javascript:isTGL()" name="konsumen_tanggal_ktp" tabindex="5" readonly />
    <a href="javascript:void(0)" onClick="if(self.gfPop)gfPop.fPopCalendar(document.konsumen.konsumen_tanggal_ktp);return false;" ><img name="popcal" align="absmiddle" style="border:none" src="./calendar/calendar.png" width="34" height="29" border="0" alt=""></a></td>
    <td>&nbsp;</td>
     
    </tr>
     
    <tr>
    <td><h3>Tanggal Expired KTP *</h3></td>
    <td>:
    <input type="text" id="konsumen_tanggal_ktp_exp" onBlur="javascript:isTGL()" class="required" name="konsumen_tanggal_ktp_exp" tabindex="7" readonly />
    <a href="javascript:void(0)" onClick="if(self.gfPop)gfPop.fPopCalendar(document.konsumen.konsumen_tanggal_ktp_exp);return false;" ><img name="popcal" align="absmiddle" style="border:none" src="./calendar/calendar.png" width="34" height="29" border="0" alt=""></a></td>
    <td>&nbsp;</td>
    </tr>
    </table>
    </form>
  • oalah...  mas. itu di function :

    ada :
    konsumen_tanggal_ktp <= konsumen_tanggal_ktp_exp

    itu variabel kan ?? udah di definikan belum ? isi data apa ?

    terus.. misal pengin nyoba event onblurnya jalan apa ngga.. tmbahin alert aja buat ng test
    function isTGL() {
    if ( konsumen_tanggal_ktp <= konsumen_tanggal_ktp_exp ){
    return "ditolak";
    }
    alert(" test blur event");
    }
  • misal ingin ambil value dari field maksudnya, caranya :

    var konsumen_tanggal_ktp_exp=document.getElementById("konsumen_tanggal_ktp_exp").value
  • mas saefull masih sama juga gak ada reaksi apa ya


    <script type="text/javascript">
    function isTGL() {
    var konsumen_tanggal_ktp_exp=document.getElementById("konsumen_tanggal_ktp_exp").value
    var konsumen_tanggal_ktp=document.getElementById("konsumen_tanggal_ktp").value
    if ( konsumen_tanggal_ktp <= konsumen_tanggal_ktp_exp ){
    return "ditolak";
    }
    alert(" test blur event");
    }
    </script>
     
    <form id='userForm' action='?n=konsumen_add' name="konsumen" method=POST>
    <table border=0 cellpadding=0 cellspacing=0 style="border:solid 0px #000;color:#000">
    <tr>
    <td><h3>Tanggal KTP</h3></td>
    <td>:
    <input type="text" id="konsumen_tanggal_ktp" onBlur="javascript:isTGL()" name="konsumen_tanggal_ktp" tabindex="5" readonly />
    <a href="javascript:void(0)" onClick="if(self.gfPop)gfPop.fPopCalendar(document.konsumen.konsumen_tanggal_ktp);return false;" ><img name="popcal" align="absmiddle" style="border:none" src="./calendar/calendar.png" width="34" height="29" border="0" alt=""></a></td>
    <td>&nbsp;</td>
     
    </tr>
     
    <tr>
    <td><h3>Tanggal Expired KTP *</h3></td>
    <td>:
    <input type="text" id="konsumen_tanggal_ktp_exp" onBlur="javascript:isTGL()" class="required" name="konsumen_tanggal_ktp_exp" tabindex="7" readonly />
    <a href="javascript:void(0)" onClick="if(self.gfPop)gfPop.fPopCalendar(document.konsumen.konsumen_tanggal_ktp_exp);return false;" ><img name="popcal" align="absmiddle" style="border:none" src="./calendar/calendar.png" width="34" height="29" border="0" alt=""></a></td>
    <td>&nbsp;</td>
    </tr>
    </table>
    </form>
  • alertnya muncul ngga ??

    kurang titik komah tu,   ;
     var konsumen_tanggal_ktp_exp=document.getElementById("konsumen_tanggal_ktp_exp").value 
    var konsumen_tanggal_ktp=document.getElementById("konsumen_tanggal_ktp").value
  • coba instal firebug di browser mozila firefox. buat liat kalo ada error.
  • edited March 2013
    asli bingung :D

    gw sorotin dulu fungsi nya ...
    -------------------------------------------------------------------------------
    var konsumen_tanggal_ktp_exp=document.getElementById("konsumen_tanggal_ktp_exp").value
    var konsumen_tanggal_ktp=document.getElementById("konsumen_tanggal_ktp").value

    if ( konsumen_tanggal_ktp <= konsumen_tanggal_ktp_exp ){
      return "ditolak";
    }
    alert(" test blur event");
    -------------------------------------------------------------------------------
    ambil value nya ok, tapi lebih baik kalo akhir perintah pake ";"



    masalah alert ... pahami ini

    if ( a < 1 ) {
      return true;
    }
    alert(a);

    JIKA a = 0 ... if() TRUE, langsung return true, alert kagak bakal dijalankan
    JIKA a = 1 ... if() FALSE, alert dijalankan



    masalah kondisi :

    kondisi elo : konsumen_tanggal_ktp <= konsumen_tanggal_ktp_exp

    konsumen_tanggal_ktp_exp ini apa ? tanggal expired kah ?

    tanggal ktp 01/01/2006
    tanggal expired mestinya 5 tahun sesudahnya : 01/01/2011

    tanggal ktp SEHARUSNYA MEMANG KURANG DARI tanggal expired

    kondisi ini jadi aneh :
    konsumen_tanggal_ktp <= konsumen_tanggal_ktp_exp MAKA ditolak

    bener malah ditolak ?



    masalah pemanggilan fungsi :
    onBlur="javascript:isTGL()"

    return fungsi itu elo buat tipe nya string ... lalu apa ?
    di cetak kah ? di alert kah ?

    kalo cuma di return kaya gitu ya kagak ada hasil apa-apa

  • wah pak boo.. langsung dijawab semua.... biar rame pak. pelan2. :)
  • edited March 2013
    heee ada mas Boo ane sih dibantuiin sama mas saeful buat bikin javascrip ini sambil belajar juga ane mas hee kalau gak dibantuiin sama mas saeful juga gak tau harus mulai dari mana haaaa

    konsumen_tanggal_ktp_exp ini apa ? tanggal expired kah ?
    -> iya mas ini tanggal expired mas,
     jadi tanggal expired sama tanggal KTP itu gak harus 5 thn sih bedanya dari tanggal KTP. yang penting tanggal KTP harus lebih rendah dari tanggal EXP nya



    masalah pemanggilan fungsi :
    onBlur="javascript:isTGL()"

    ane maunya sih di cetak mas jadi pas dia pilih tgl EXP KTP itu lebih rendah dari tGL ktp maka ada pesanya
    mohon pencerahanya ya mas mas semua hee


    <script type="text/javascript">
    function isTGL() {
    var konsumen_tanggal_ktp_exp=document.getElementById("konsumen_tanggal_ktp_exp").value ;
    var konsumen_tanggal_ktp=document.getElementById("konsumen_tanggal_ktp").value ;
    if ( konsumen_tanggal_ktp <= konsumen_tanggal_ktp_exp ){
    return true;
    } else {
    return false;
    }
    alert(" test blur event");
    }
    </script>
    <form id="userForm" action="?n=konsumen_add" name="konsumen" method="POST">
    <table style="border:solid 0px #000;color:#000" border="0" cellpadding="0" cellspacing="0">
    <tbody><tr>
    <td><h3>Tanggal KTP</h3></td>
    <td>:
    <input id="konsumen_tanggal_ktp" onblur="javascript:isTGL()" name="konsumen_tanggal_ktp" tabindex="5" readonly="" type="text">
    <a href="javascript:void(0)" onclick="if(self.gfPop)gfPop.fPopCalendar(document.konsumen.konsumen_tanggal_ktp);return false;"><img name="popcal" style="border:none" src="./calendar/calendar.png" alt="" width="34" align="absmiddle" border="0" height="29"></a></td>
    <td>&nbsp;</td>
     
    </tr>
     
    <tr>
    <td><h3>Tanggal Expired KTP *</h3></td>
    <td>:
    <input id="konsumen_tanggal_ktp_exp" onblur="javascript:isTGL()" class="required" name="konsumen_tanggal_ktp_exp" tabindex="7" readonly="" type="text">
    <a href="javascript:void(0)" onclick="if(self.gfPop)gfPop.fPopCalendar(document.konsumen.konsumen_tanggal_ktp_exp);return false;"><img name="popcal" style="border:none" src="./calendar/calendar.png" alt="" width="34" align="absmiddle" border="0" height="29"></a></td>
    <td>&nbsp;</td>
    </tr>
    </tbody></table>
    </form>
  • nah tu.. dicoba aja dulu pake alert:
    if ( konsumen_tanggal_ktp <= konsumen_tanggal_ktp_exp ){	
    alert("true atau dibiarkan. alernya dihapus. kan dah bener.");
     } else {
    alert("false, dikasih peringatan.");
     }


  • sama aja hasilnya gak ada alert nya jadi pas di save sama aja
  • ko bisa.. sekarang kondisi script terakhir seperti apa ?
  • oh ternyata jalan mas saipul tapi kalau saya ketik sedangkan saya kan pakai jscalender yang calendernya itu popup gak jalan gimana ya?


    <script type="text/javascript">
    function isTGL() {
    var konsumen_tanggal_ktp_exp=document.getElementById("konsumen_tanggal_ktp_exp").value ;
    var konsumen_tanggal_ktp=document.getElementById("konsumen_tanggal_ktp").value ;
    if ( konsumen_tanggal_ktp <= konsumen_tanggal_ktp_exp ){
    alert("true atau dibiarkan. alernya dihapus. kan dah bener.");
    } else {
    alert("false, dikasih peringatan.");
    }
    }
    </script>
     
    <td><h3>Tanggal KTP</h3></td>
    <td>:
    <input type="text" id="konsumen_tanggal_ktp" onBlur="javascript:isTGL()" name="konsumen_tanggal_ktp" tabindex="5" />
    <a href="javascript:void(0)" onClick="if(self.gfPop)gfPop.fPopCalendar(document.konsumen.konsumen_tanggal_ktp);return false;" ><img name="popcal" align="absmiddle" style="border:none" src="./calendar/calendar.png" width="34" height="29" border="0" alt=""></a></td>
     
     
    <td><h3>Tanggal Expired KTP *</h3></td>
    <td>:
    <input type="text" id="konsumen_tanggal_ktp_exp" onBlur="javascript:isTGL()" class="required" name="konsumen_tanggal_ktp_exp" tabindex="7" />
    <a href="javascript:void(0)" onClick="if(self.gfPop)gfPop.fPopCalendar(document.konsumen.konsumen_tanggal_ktp_exp);return false;" ><img name="popcal" align="absmiddle" style="border:none" src="./calendar/calendar.png" width="34" height="29" border="0" alt=""></a></td>
  • edited March 2013
    oh.. ya eventnya coba diganti onchange jangan onblur. soalnya kan ga mesti ngetik...

    baru ngeh tag a atau link itu buat munculin popup calendernya yah.. ok.

    semangat.. :D
  • mas sama aja masih harus di clik dulu filed text nya baru dia muncul pesanya haduh gimana ya hee
  • eventnya diganti onchange jangan onblur..

    di kedua field.

    onchange: fungsi akan dijalankan jika value dari field tersebut berubah.
    kita ga klik gpp asal value berubah tetep dijalankan harusnya.
  • edited March 2013
    betul ternyata tetap jalan saat on blur. kalo gitu eventnya ditaru di 2 tempat.
    di tag input iya jika ketik langsung

    atau di funsi yg pake popup itu. setelah dia rubah value jalanin funsi isTGL juga
  • logikanya gini, hampir sama :

    <!DOCTYPE html>
    <html>
    <head>
    <script>
    function test(){
    alert("data berubah");
    }
    function ubah(){
    document.getElementById('inputan').value=Date();
    alert("data berubah"); // jalankan funsi isTGL(); disisni. logikanya gitu..
    }
    </script>
    </head>
    <body>
    <form id="form1">
    <input type="text" id="inputan" onchange="javascript:test()">
    <a href="javascript:ubah()">rubah value</a>
    </form>
    </body>
    </html>
  • gw nanya aja ...

    format tanggal yg ke isi di field nya kaya apa ?
  • nanya siapa nih ??  
    :-*
  • edited March 2013
    ya nanya yg bikin pertanyaan to pul ... :P



    btw, coba ini :
    --------------------------------------------------------
    A : <input id=a type=text onchange="alert(this.value)" onblur="alert(this.value)"> <a href="#" onclick="document.getElementById('a').value=Math.random();">set A</a><br>
    B : <input id=b type=text onchange="alert(this.value)" onblur="alert(this.value)"> <a href="#" onclick="document.getElementById('b').value=Math.random();">set B</a>
    <br><br>
    C : <input id=c type=text onfocus="alert(this.value)"> <a href="#" onclick="document.getElementById('c').value=Math.random();document.getElementById('c').focus();">set C</a><br>
    D : <input id=d type=text onfocus="alert(this.value)"> <a href="#" onclick="document.getElementById('d').value=Math.random();document.getElementById('d').focus();">set D</a>
    --------------------------------------------------------



    gw cuma men-simulasikan pengisian field dari luar field itu sendiri (kaya isi field dari pilihan tanggal)
    A & B, elo pake onblur atau onchange kagak bakal men-trigger apa pun

    kalo diakali pake focus, baru bisa

    tapi kalo pake focus, bakal bermasalah kalo digabung dengan alert()
    field kagak bakal bisa di edit manual
    tiap kali akan di edit, focus ke trigger, muncul alert, field jadi hilang focus lagi
  • edited March 2013
    kecuali elo bikinnnya kaya gini :

    -----------------------------------------------------------
    <script>
      function compareAB() {
        var a=parseFloat(document.getElementById("a").value);
        var b=parseFloat(document.getElementById("b").value);
        if(a<=b) {
          document.getElementById("ab").innerHTML="a&lt;b";
        }
        else {
          document.getElementById("ab").innerHTML="<b style='color:#f00'>a&gt;b</b>";
        }
      }

      function compareCD() {
        var c=parseFloat(document.getElementById("c").value);
        var d=parseFloat(document.getElementById("d").value);
        if(c<=d) {
          document.getElementById("cd").innerHTML="c&lt;d";
        }
        else {
          document.getElementById("cd").innerHTML="<b style='color:#f00'>c&gt;d</b>";
        }
      }
    </script>
    Event onblur + onchange<br>
    A : <input id=a type=text onchange="compareAB()" onblur="compareAB()"> <a href="#" onclick="document.getElementById('a').value=Math.random();">set A</a><br>
    B : <input id=b type=text onchange="compareAB()" onblur="compareAB()"> <a href="#" onclick="document.getElementById('b').value=Math.random();">set B</a><br>
    Pesan AB : <span id="ab"></span><br>
    <br><br>
    Event onfocus + onkeyup<br>
    C : <input id=c type=text onfocus="compareCD()" onkeyup="compareCD()"> <a href="#" onclick="document.getElementById('c').value=Math.random();document.getElementById('c').focus();">set C</a><br>
    D : <input id=d type=text onfocus="compareCD()" onkeyup="compareCD()"> <a href="#" onclick="document.getElementById('d').value=Math.random();document.getElementById('d').focus();">set D</a><br>
    Pesan CD : <span id="cd"></span><br>
    -----------------------------------------------------------

    pesan bukan pake alert, tapi ada di halaman html itu sendiri
    terserah kalo mau model "popup" pake z-index dan position absolute

    dan kemungkinan besar,
    model pilihan tanggal itu otomatis langsung focus ke field isian tanggalnya begitu selesai dipilih
  • ah pak @boo panjang kalii....


    kerenan si pake inner html aja.. ditaruh pesan disamping field. mantap... :D
  • edited March 2013
    apanya yg panjang pul ?

    itu pan cuma contoh ...
    koding real nya urusan masing-masing ...
  • edited March 2013
    thanks mas Boo dan mas saipul atas penjelesanya ane ikutin caranya mas Boo yang Event onfocus + onkeyup
    tapi pas menggunakan tanggal yang popup pas tanggalnya di clik masih gak bereaksi apa pun kecuali ane clik filed nya kenapa ya apa ada yang salah ya dari code ane?




    format tanggal yang ane buat adalah tahun bulan tanggal mas Boo
    <script type="text/javascript">
    function isTGL() {
    var konsumen_tanggal_ktp=parseFloat(document.getElementById("konsumen_tanggal_ktp").value);
    var konsumen_tanggal_ktp_exp=parseFloat(document.getElementById("konsumen_tanggal_ktp_exp").value);
    if(konsumen_tanggal_ktp<=konsumen_tanggal_ktp_exp) {
    document.getElementById("cd").innerHTML="konsumen_tanggal_ktp&lt;konsumen_tanggal_ktp_exp";
    }
    else {
    document.getElementById("cd").innerHTML="<b style='color:#f00'>konsumen_tanggal_ktp&gt;konsumen_tanggal_ktp_exp</b>";
    }
    }
    </script>
     
    <td><h3>Tanggal KTP</h3></td>
    <td>:
    <input type="text" id="konsumen_tanggal_ktp" onfocus="isTGL()" onkeyup="isTGL()" name="konsumen_tanggal_ktp" tabindex="5" />
    <a href="javascript:void(0)" onClick="if(self.gfPop)gfPop.fPopCalendar(document.getElementById('konsumen_tanggal_ktp')).focus();return false;" ><img name="popcal" align="absmiddle" style="border:none" src="./calendar/calendar.png" width="34" height="29" border="0" alt=""></a></td>
     
    <td><h3>Tanggal Expired KTP *</h3></td>
    <td>:
    <input type="text" id="konsumen_tanggal_ktp_exp" onfocus="isTGL()" onkeyup="isTGL()" class="required" name="konsumen_tanggal_ktp_exp" tabindex="7" />
    <a href="javascript:void(0)" onClick="if(self.gfPop)gfPop.fPopCalendar(document.getElementById('konsumen_tanggal_ktp_exp')).focus();return false;" ><img name="popcal" align="absmiddle" style="border:none" src="./calendar/calendar.png" width="34" height="29" border="0" alt=""></a>
    <td>Pesan CD : <span id="cd"></span></td>

  • edited March 2013
    hadoh ...

    onClick="if(self.gfPop)gfPop.fPopCalendar(document.getElementById('konsumen_tanggal_ktp')).focus();return false;"

    kagak bisa kaya gitu 'kaleeee ...

    gfPop.fPopCalendar(...)

    itu kan fungsi orang lain, return nya belom tentu object element ...
    jadi belom tentu bisa dipasang method focus

    kalo mau autofocus, ya tambahkan sendiri document.getElementById antara fungsi calendar dan return



    lalu masalah parseFloat(...) ... contoh gw pan emang perbandingan angka desimal
    kalo tanggal ya jangan di parseFloat(...) juga dong ...




    btw, elo sudah melihat fungsi calendar yg elo pake sendiri ?
    dokumentasinya ? demo ?
    sebenernya kalo elo liat demonya, kagak bakal seribet ini ...

    gw sudah cek,
    calendar yg elo pake, punya fungsi utk pilihan range
    jadi pilihan tanggal kedua kagak mungkin bisa lebih kecil dari pilihan tanggal pertama

  • edited March 2013
    contohnya panjang pak @boo.. rajin bgt.

    kerasa enaknya pake framework *extjs* kalo sekarang..
    hehe.. event mah lengkap bgt. ga repot juga. haha..

    tapi mah berartnya itu ga ketulungan. :D
  • edited March 2013
    pan kapan hari elo sudah dikasi perbandingan antar framework ...



    itu jadi panjang karena ada perbandingan penggunaan onblur, onchange, onfocus dan onkeyup
    kalo mau dipendekin ya pendekin saja ...

    contoh :
    - gw paling males ngetik "document", biasanya di awal script sudah gw definisikan
    var d=document;

    bawahnya kagak perlu lagi nulis document.getElementById("...") ... cukup d.getElementById("...")

    termasuk var p=parent;var w=window;

    - getElementById itu paling sering dipake, biasanya sudah gw jadikan fungsi :
    function i(id){return d.getElementById(id);}

    termasuk
    function t(name){return d.getElementByTagName(name);}
    function v(id,val=null){return i(id).value=val==null?i(id).value:val;}
    function h(id,html=null){return i(id).innerHTML=html==null?i(id).innerHTML:html;}

    dikumpulin semua di mylib.js

    -----------------------------------------------------------
    <script type="text/javascript" src="js/mylib.js"></script>
    <script>
      function compareCD() {
        var c=parseFloat(v("c"));
        var d=parseFloat(v("d"));
        if(c<=d) {
          h("cd","c&lt;d");
        }
        else {
          h("cd","<b style='color:#f00'>c&gt;d</b>");
        }
      }
    </script>
    Event onfocus + onkeyup<br>
    C : <input id=c type=text onfocus="compareCD()" onkeyup="compareCD()"> <a href="#" onclick="v('c',Math.random());i('c').focus();">set C</a><br>
    D : <input id=d type=text onfocus="compareCD()" onkeyup="compareCD()"> <a href="#" onclick="v('d',Math.random());i('d').focus();">set D</a><br>
    Pesan CD : <span id="cd"></span><br>
    -----------------------------------------------------------
  • wkwkwk.... parah. hard work beneran nih.

    terus kaya framework gituan kenapa ga mau pake ??

  • edited March 2013
    yg bilang kagak mau pake sapa ?
    cuma gw pake sebutuhnya
    lha kalo kagak butuh ngapain pake ?

    bukan masalah : mau atau kagak
    tapi masalah : butuh atau kagak

    beda lho ya ...
  • emang kerjanya bikin web apa gimna si ?

    aneh deh kalo ga butuh framework. hehe..
  • kalau saya bikin kayak gini udah bisa sih tapi saya harus clik gambarnya dulu baru pesan salah nya ilang bukan saat tanggal itu ke input pesanya ilang mas Boo


    <script type="text/javascript">
     
     
    function isTGL() {
    var konsumen_tanggal_ktp=document.getElementById("konsumen_tanggal_ktp").value;
    var konsumen_tanggal_ktp_exp=document.getElementById("konsumen_tanggal_ktp_exp").value;
    if(konsumen_tanggal_ktp<=konsumen_tanggal_ktp_exp) {
    document.getElementById("cd").innerHTML="";
    }
    else {
    document.getElementById("cd").innerHTML="<b style='color:#f00'>konsumen_tanggal_ktp&gt;konsumen_tanggal_ktp_exp</b>";
    }
    }
    </script>
     
    <td><h3>Tanggal KTP</h3></td>
    <td>:
    <input type="text" id="konsumen_tanggal_ktp" onfocus="isTGL()" onKeyUp="isTGL()" name="konsumen_tanggal_ktp" tabindex="5" />
    <a href="javascript:void(0)" onClick="if(self.gfPop)gfPop.fPopCalendar(document.getElementById('konsumen_tanggal_ktp'));value=document.getElementById('konsumen_tanggal_ktp').focus();return false;" ><img name="popcal" align="absmiddle" style="border:none" src="./calendar/calendar.png" width="34" height="29" border="0" alt=""></a></td>
     
    <td><h3>Tanggal Expired KTP *</h3></td>
    <td>:
    <input type="text" id="konsumen_tanggal_ktp_exp" onFocus="isTGL()" onKeyUp="isTGL()" class="required" name="konsumen_tanggal_ktp_exp" tabindex="7" />
    <a href="javascript:void(0)" onClick="if(self.gfPop)gfPop.fPopCalendar(document.getElementById('konsumen_tanggal_ktp_exp'));document.getElementById('konsumen_tanggal_ktp_exp').focus();return false;" ><img name="popcal" align="absmiddle" style="border:none" src="./calendar/calendar.png" width="34" height="29" border="0" alt=""></a>
     
    </td>
    <td>Pesan CD : <span id="cd"></span></td>


    kalau soal yang fungsi bawaan tanggal ini ane liat sih ada
    var gsOutOfRange="Sorry, you may not go beyond the designated range!";
    var guOutOfRange=null;

    tapi ane bingung gimana penggunaanya
    gimana caranya mas Boo supaya tanggal ke dua gak lebih kecil dari tanggal pertama kok ane gak nemuiin ya di settingan tanggal ane? mohon pencerahanya mas Boo
  • utk start date nya :
    if(self.gfPop)gfPop.fStartPop(document.demoform.dc1,document.demoform.dc2);return false;

    utk end date nya :
    if(self.gfPop)gfPop.fEndPop(document.demoform.dc1,document.demoform.dc2);return false;

    parameter, sesuaikan dgn form elo
  • gak mau tampil mas Boo calender nya itu ane taro di


    <td><h3>Tanggal KTP</h3></td>
    <td>:
    <input type="text" id="konsumen_tanggal_ktp" onfocus="isTGL()" onKeyUp="isTGL()" name="konsumen_tanggal_ktp" tabindex="5" />
    <a href="javascript:void(0)" onClick="if(self.gfPop)gfPop.fStartPop(document.konsumen.konsumen_tanggal_ktp,document.konsumen.konsumen_tanggal_ktp_exp);return false;" ><img name="popcal" align="absmiddle" style="border:none" src="./calendar/calendar.png" width="34" height="29" border="0" alt=""></a></td>
     
    <td><h3>Tanggal Expired KTP *</h3></td>
    <td>:
    <input type="text" id="konsumen_tanggal_ktp_exp" onFocus="isTGL()" onKeyUp="isTGL()" class="required" name="konsumen_tanggal_ktp_exp" tabindex="7" />
    <a href="javascript:void(0)" onClick="
    if(self.gfPop)gfPop.fEndPop(document.konsumen.konsumen_tanggal_ktp,document.konsumen.konsumen_tanggal_ktp_exp);return false; " ><img name="popcal" align="absmiddle" style="border:none" src="./calendar/calendar.png" width="34" height="29" border="0" alt=""></a>
  • elo buka pake firefox

    tekan Ctrl + Shift + J

    Clear

    klik calendar nya

    ada pesan error apa yg nungul ?
  • pesanya ini mas Boo


    Error: TypeError: gfPop.fStartPop is not a function
    Source File: http://localhost/bis19/index.php?n=konsumen_add
    Line: 1
  • edited March 2013
    elo pake ini kan ?

    http://calendarxp.net/downloads.shtml

    gw gugle, yg ada gfPop.fPopCalendar ketemu dari situ rujukannya

  • wah pak @boo rajin kali...
    masih belum resolve ya. semangat yo.. :D
  • solved mas Boo ternyata di fersi erbarunya emang ada buat setting ituh hadehhhhh thanks mas Boo
Sign In or Register to comment.