Url Match Regex Javascript

Url Match Regex Javascript

3 min read Jun 18, 2024
Url Match Regex Javascript

URL Match Regex JavaScript

Dalam pengembangan web, seringkali kita perlu memvalidasi input pengguna, seperti URL. Regex (Regular Expression) adalah alat yang powerful untuk melakukan hal ini di JavaScript.

Artikel ini akan membahas bagaimana menggunakan regex untuk mencocokkan URL di JavaScript.

Memahami Regex untuk URL

Regex adalah pola teks yang digunakan untuk mencocokkan string. Berikut adalah beberapa komponen penting dalam regex untuk URL:

  • ^: Mencocokkan awal string.
  • $: Mencocokkan akhir string.
  • *: Mencocokkan karakter sebelumnya 0 atau lebih kali.
  • +: Mencocokkan karakter sebelumnya 1 atau lebih kali.
  • .: Mencocokkan sembarang karakter tunggal.
  • []: Mencocokkan satu karakter dalam daftar yang diberikan.
  • |: Mencocokkan salah satu dari dua ekspresi.
  • (): Mengelompokkan ekspresi.

Regex Dasar untuk URL

Regex dasar untuk URL adalah:

/^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([\/\w.-]*)*\/?$/

Regex ini mencocokkan string yang berisi:

  • Protokol: https? (http atau https)
  • Domain: [\da-z.-]+ (huruf, angka, tanda hubung)
  • TLD (Top-Level Domain): [a-z.]{2,6} (2 sampai 6 karakter)
  • Path: [\/\w.-]* (karakter alfanumerik, tanda hubung, dan slash)

Contoh Penggunaan

const url = "https://www.google.com";
const regex = /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([\/\w.-]*)*\/?$/;

if (regex.test(url)) {
  console.log("URL valid");
} else {
  console.log("URL tidak valid");
}

Kode di atas akan mencetak "URL valid" karena URL yang diberikan sesuai dengan regex.

Regex Lebih Spesifik

Regex dasar dapat diperluas untuk mencocokkan URL yang lebih spesifik. Misalnya, untuk mencocokkan URL yang hanya menggunakan protokol "https", kita dapat mengubah regex menjadi:

/^(https:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([\/\w.-]*)*\/?$/

Kesimpulan

Regex adalah alat yang berguna untuk memvalidasi URL di JavaScript. Dengan menggunakan regex yang sesuai, kita dapat memastikan bahwa input pengguna adalah URL yang valid.

Pastikan untuk menguji regex Anda dengan berbagai input untuk memastikan bahwa ia berfungsi sebagaimana mestinya.