Cara Memvalidasi Tanggal di JavaScript

Cara Memvalidasi Tanggal Di Javascript



JavaScript terkenal karena menyediakan berbagai fitur bawaan untuk memudahkan kebutuhan pengembang. Validasi tanggal memiliki kepentingannya sendiri karena orang mengikuti zona waktu yang berbeda di seluruh dunia. Contohnya, Tanggal.parse() dan ekspresi reguler digunakan untuk memvalidasi tanggal dalam JavaScript. Kedua metode memiliki pentingnya memeriksa format tanggal dalam validasi formulir. Selain itu, pengguna dapat memvalidasi tanggal dengan menentukan format secara manual, seperti: “mm/hh/ttt” . Posting ini menunjukkan beberapa cara untuk memvalidasi tanggal dalam JavaScript.

Bagaimana cara memvalidasi tanggal dalam JavaScript?

Itu Tanggal.parse() metode ini digunakan untuk mengurai string tanggal. Metode memasukkan tanggal sebagai argumen dan mengembalikan milidetik . Selain itu, Anda dapat menggunakan ekspresi reguler untuk memvalidasi tanggal juga. Ekspresi memeriksa bahwa pengguna memasukkan tanggal dengan mengikuti “mm/hh/ttt” format.

Ayo berlatih Tanggal.parse() dan ekspresi reguler untuk memvalidasi tanggal dalam JavaScript.







Contoh 1: Validasi Tanggal Menggunakan Date.parse() dalam JavaScript

Sebuah contoh dianggap untuk memvalidasi tanggal dengan menggunakan Tanggal.parse() metode dalam JavaScript. Caranya mengikuti “mm/hh/ttt” format. Selain itu, pengguna juga dapat mengikuti ISO format tanggal “yy-mm-dd” . Contoh kode dibahas di bawah ini:



Kode



console.log ( 'Contoh untuk memvalidasi tanggal' ) ;
membiarkan isValidDate = Tanggal.parse ( '11/05/22' ) ;
jika ( isNaN ( tanggal valid ) ) {
console.log ( 'Bukan format tanggal yang valid.' ) ;
}
kalau tidak {
console.log ( 'Format tanggal yang valid.' ) ;
}


Penjelasan kode diberikan di bawah ini:





    • Itu mengurai() metode diadaptasi dengan melewatkan tanggal di “mm/hh/ttt” format, seperti “05/11/22” dan mengembalikan string dalam format tanggal.
    • Setelah itu, isNaN() metode diterapkan dengan pernyataan if-else yang menghitung apakah string yang lewat 'isValidDate' adalah angka atau bukan.
    • jika isNaN() metode mengembalikan nilai sebenarnya, lalu menampilkan pesan 'Bukan format tanggal yang valid'.
    • Jika tidak, tampilkan “Format tanggal yang valid” dengan memanfaatkan konsol.log() metode.


Keluaran


Itu isNaN() metode mengembalikan Salah nilai, meneruskan string 'isValidDate' sebagai angka. Oleh karena itu, ia mengeksekusi pernyataan blok-lain dengan menampilkan pesan “Format tanggal yang valid” di jendela konsol.



Contoh 2: Memvalidasi Tanggal Menggunakan Ekspresi Reguler di JavaScript

Ekspresi reguler disesuaikan agar sesuai dengan polanya “mm/hh/ttt” sebagai format tanggal. Ini mengevaluasi tanggal yang lewat dan mengembalikan output Boolean (benar atau salah). Contoh kode disediakan di bawah ini:

Kode

console.log ( 'Contoh lain untuk memvalidasi tanggal' ) ;
dimana d_reg = / ^ ( 0 [ 1 - 9 ] | 1 [ 0 - dua ] ) \ / ( 0 [ 1 - 9 ] | 1 \d | dua \d | 3 [ 01 ] ) \ / ( 0 [ 1 - 9 ] | 1 [ 1 - 9 ] | dua [ 1 - 9 ] ) $ / ;
var tanggal_pengguna = '01/12/22'
jika ( d_reg.test ( tanggal_pengguna ) ) {
console.log ( 'Tanggal mengikuti format bb/hh/ttt' ) ; }
kalau tidak {
console.log ( 'Format tanggal tidak valid' ) ;
}


Deskripsi kode diberikan di bawah ini:

    • Ekspresi reguler “/^(0[1-9]|1[0-2])\/(0[1-9]|1\d|2\d|3[01])\/(0[1-9] |1[1-9]|2[1-9])$/” diterapkan untuk memvalidasi “mm/hh/ttt” format tanggal, yang disimpan dalam “d_reg” variabel .
    • Sebuah tanggal “01/12/22” ditugaskan untuk “tanggal_pengguna”
    • Setelah itu, kondisi diterapkan dengan “d_reg.test” untuk memverifikasi tanggal dengan meneruskannya sebagai argumen.
    • Pada akhirnya, konsol.log() metode yang digunakan untuk menampilkan output.


Keluaran


Outputnya menunjukkan bahwa tanggal “01/12/22” mengikuti “mm/hh/ttt” format menggunakan ekspresi regex.

Kesimpulan

Dalam JavaScript, Tanggal.parse() dan ekspresi reguler dapat digunakan untuk memvalidasi tanggal. Metode Date.parse() mengembalikan jumlah milidetik berdasarkan tanggal yang lewat. Demikian pula, ekspresi reguler dianggap memvalidasi tanggal setelah “mm/hh/ttt” format. Posting ini telah menunjukkan metode yang mungkin untuk memvalidasi tanggal dengan bantuan contoh.