Tahun baru, skill baru! 🚀. Masukkan kupon "skill2025" untuk diskon 30% di kelas apa saja

Validasi input tanggal di javascript

bagaimana kode membuat validasi tanggal seperti gambar dibawah?

avatar jessylim
@jessylim

3 Kontribusi 0 Poin

Diperbarui 5 tahun yang lalu

1 Jawaban:

bisa menggunakan switch case, tapi cukup banyak tricky partnya, kode saya blum tested, jadi nnti coba saja dulu

HTML <pre> &lt;table&gt; &lt;tr&gt; &lt;td&gt; &lt;input id="tanggal-lahir" type="date" name="date"&gt; &lt;/td&gt; &lt;td&gt; &lt;a id="check-date" href="#"&gt;Check!&lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </pre>

JS

<pre> const input = document.querySelector('#tanggal-lahir'); const checkBtn = document.querySelector('#check-date');

checkBtn.addEventListener('click', (e) =&gt; { e.preventDefault(); //cegah a untuk melakukan default behavior let bulan = ''; const catchTanggal = input.value.split('/')[0]; const catchBulan = input.value.split('/')[1]; //kita ambil bulan di input value const catchTahun = input.value.split('/')[2];

/* praktisnya bisa seperti ini
   
   const splits = input.value.split(&#039;/&#039;);
   const catchTanggal = splits[0];
   const catchBulan = splits[1];
   const catchTahun = splits[2];

But the idea will stay the same */

switch(catchBulan) {
    case &#039;01&#039;: 
        bulan = &#039;Januari&#039;;
    break;
    //Lakukan ini sampe case &#039;12&#039;, ganti variable bulan sesuai nama bulannya
}

alert(&#039;Tanggal lahir saya adalah &#039; + catchTanggal + &#039; &#039; + catchBulan + &#039; &#039; + 
       catchTahun);

}); </pre>

avatar rubichandrap
@rubichandrap

25 Kontribusi 19 Poin

Dipost 5 tahun yang lalu

Tanggapan

Terima kasih kak

Tapi ini kok belum bisa ya hasilnya

error? errornya apa, coba masuk console di browser

permasalahannya dari javascript saya dan projek yang kamu bangun, kemungkinan besar dari DOM, HTML kamu kan pasti beda dengan HTML yang saya beri, maka kamu harus sesuaikan, kalo kamu bingung, kamu bisa posting lagi HTML mu seperti apa

Login untuk ikut Jawaban