Url Validation Regex Javascript W3schools

Url Validation Regex Javascript W3schools

3 min read Jun 18, 2024
Url Validation Regex Javascript W3schools

Cara Memvalidasi URL dengan Regex di JavaScript

Validasi URL adalah proses penting untuk memastikan bahwa URL yang dimasukkan oleh pengguna adalah valid dan dapat diakses. Di JavaScript, kita dapat menggunakan ekspresi reguler (regex) untuk memvalidasi URL. Artikel ini akan membahas cara memvalidasi URL menggunakan regex di JavaScript dengan referensi dari W3Schools.

Ekspresi Reguler Dasar untuk URL

Berikut adalah ekspresi reguler dasar yang dapat digunakan untuk memvalidasi URL:

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

Ekspresi reguler ini terdiri dari beberapa bagian:

  • ^: Menandakan awal string.
  • https?:\/\/: Mencocokkan protokol "http" atau "https" (opsional).
  • ([\da-z.-]+): Mencocokkan nama host, yang bisa berisi huruf, angka, titik, dan tanda hubung.
  • \.([a-z.]{2,6}): Mencocokkan nama domain, yang harus terdiri dari 2 hingga 6 karakter.
  • ([\/\w .-]*)*\/?: Mencocokkan bagian path URL (opsional).
  • $: Menandakan akhir string.

Contoh Implementasi

Berikut adalah contoh cara menggunakan regex untuk memvalidasi URL di JavaScript:

function validateUrl(url) {
  const regex = /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([\/\w .-]*)*\/?$/;
  return regex.test(url);
}

const url1 = "https://www.w3schools.com";
const url2 = "http://google.com";
const url3 = "www.example.net";
const url4 = "invalid-url";

console.log(validateUrl(url1)); // true
console.log(validateUrl(url2)); // true
console.log(validateUrl(url3)); // false (tidak memiliki protokol)
console.log(validateUrl(url4)); // false 

Tips Tambahan

  • Regex yang lebih kompleks: Untuk memvalidasi URL dengan lebih ketat, Anda dapat menggunakan regex yang lebih kompleks. Misalnya, Anda dapat menambahkan aturan untuk memvalidasi port, query string, atau karakter khusus lainnya.
  • W3Schools: Untuk informasi lebih lanjut tentang regex dan JavaScript, silakan kunjungi .

Kesimpulan

Memvalidasi URL menggunakan regex di JavaScript adalah cara yang efektif untuk memastikan bahwa URL yang dimasukkan oleh pengguna adalah valid. Dengan menggunakan ekspresi reguler yang sesuai, Anda dapat memvalidasi berbagai format URL dan meningkatkan kualitas aplikasi Anda.