Youtube Url Validation Regex Javascript

Youtube Url Validation Regex Javascript

3 min read Jun 20, 2024
Youtube Url Validation Regex Javascript

Validasi URL YouTube dengan Regex di Javascript

Memvalidasi URL YouTube dengan regex di Javascript merupakan cara yang efektif untuk memastikan bahwa input pengguna adalah URL YouTube yang valid sebelum diproses. Berikut adalah langkah-langkah dan kode untuk melakukannya:

1. Memahami Regex untuk URL YouTube

Regex (Regular Expression) adalah pola yang digunakan untuk mencocokkan string teks. Berikut adalah regex untuk memvalidasi URL YouTube:

^(?:https?:\/\/)?(?:www\.)?youtube\.com\/(?:(?:watch\?v=|embed\/)([a-zA-Z0-9_-]{11})|(?:user\/[a-zA-Z0-9_-]+)|(?:channel\/[a-zA-Z0-9_-]+)|(?:playlist\?list=)([a-zA-Z0-9_-]{34}))$

Regex ini mencocokkan berbagai format URL YouTube, termasuk:

  • Video:
    • https://www.youtube.com/watch?v=dQw4w9WgXcQ
    • https://youtube.com/embed/dQw4w9WgXcQ
  • Saluran:
    • https://www.youtube.com/user/pewdiepie
    • https://youtube.com/channel/UC-lHJZR3Gqxm24_Vd_AJ5Yw
  • Daftar Putar:
    • https://www.youtube.com/playlist?list=PLz_51c4q8-3O1_8jY07y9i6G3J_l3n9k

2. Menerapkan Regex di Javascript

Berikut adalah kode Javascript untuk memvalidasi URL YouTube:

function validateYoutubeUrl(url) {
  const regex = /^(?:https?:\/\/)?(?:www\.)?youtube\.com\/(?:(?:watch\?v=|embed\/)([a-zA-Z0-9_-]{11})|(?:user\/[a-zA-Z0-9_-]+)|(?:channel\/[a-zA-Z0-9_-]+)|(?:playlist\?list=)([a-zA-Z0-9_-]{34}))$/;
  return regex.test(url);
}

// Contoh penggunaan
const url1 = "https://www.youtube.com/watch?v=dQw4w9WgXcQ";
const url2 = "https://www.facebook.com/";

console.log(validateYoutubeUrl(url1)); // Output: true
console.log(validateYoutubeUrl(url2)); // Output: false

Kode ini menggunakan metode test() dari objek RegExp untuk memeriksa apakah URL yang diberikan cocok dengan regex yang telah ditentukan.

3. Menyesuaikan Regex

Anda dapat menyesuaikan regex untuk memvalidasi URL YouTube dengan lebih spesifik, misalnya hanya untuk video atau hanya untuk saluran.

Contoh Regex untuk video:

^(?:https?:\/\/)?(?:www\.)?youtube\.com\/(?:watch\?v=|embed\/)([a-zA-Z0-9_-]{11})$

4. Menggunakan Library Regex

Anda juga dapat menggunakan library Regex seperti RegExr atau Regex101 untuk menguji dan memahami regex Anda dengan lebih mudah.

Kesimpulan

Dengan menggunakan regex di Javascript, Anda dapat dengan mudah memvalidasi URL YouTube yang diinputkan oleh pengguna dan memastikan bahwa input tersebut valid sebelum diproses lebih lanjut. Ini akan membantu dalam membangun aplikasi web yang lebih robust dan user-friendly.