Twitter Url Validation Regex Javascript

Twitter Url Validation Regex Javascript

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

Validasi URL Twitter dengan Regex di JavaScript

Validasi URL Twitter sering kali diperlukan dalam berbagai aplikasi web, seperti formulir pendaftaran, komentar, atau postingan media sosial. Penggunaan regex di JavaScript menjadi solusi yang efisien dan mudah untuk mencapai tujuan ini.

Berikut adalah contoh regex yang dapat digunakan untuk memvalidasi URL Twitter:

const twitterUrlRegex = /^(?:http(?:s)?:\/\/)?(?:www\.)?twitter\.com\/(?:#!\/)?([a-zA-Z0-9_]{1,15})$/;

Penjelasan Regex:

  • ^: Menandai awal string.
  • (?:http(?:s)?://)?: Memeriksa bagian protokol, dapat berupa "http://" atau "https://", opsional (bisa ada atau tidak).
  • (?:www.)?: Memeriksa bagian "www.", opsional (bisa ada atau tidak).
  • twitter.com: Memeriksa bagian domain "twitter.com".
  • (?:#!/)?: Memeriksa bagian tambahan "#!/", opsional (bisa ada atau tidak).
  • ([a-zA-Z0-9_]{1,15}): Memeriksa username Twitter yang terdiri dari huruf, angka, dan underscore, dengan panjang maksimal 15 karakter.
  • $: Menandai akhir string.

Implementasi dalam JavaScript:

function validateTwitterUrl(url) {
  return twitterUrlRegex.test(url);
}

const url1 = "https://twitter.com/google";
const url2 = "http://www.twitter.com/elonmusk";
const url3 = "twitter.com/apple";
const url4 = "www.twitter.com/microsoft";
const url5 = "https://twitter.com/1234567890123456"; 
const url6 = "https://www.facebook.com/google";

console.log(validateTwitterUrl(url1)); // true
console.log(validateTwitterUrl(url2)); // true
console.log(validateTwitterUrl(url3)); // true
console.log(validateTwitterUrl(url4)); // true
console.log(validateTwitterUrl(url5)); // false
console.log(validateTwitterUrl(url6)); // false

Penggunaan:

Anda dapat menggunakan fungsi validateTwitterUrl untuk memvalidasi URL Twitter yang diinputkan pengguna pada aplikasi web Anda. Contoh:

const twitterUrlInput = document.getElementById("twitter-url");
const submitButton = document.getElementById("submit-button");

submitButton.addEventListener("click", () => {
  const url = twitterUrlInput.value;
  if (validateTwitterUrl(url)) {
    // URL valid, lanjutkan proses
    console.log("URL Twitter valid");
  } else {
    // URL tidak valid, tampilkan pesan error
    alert("URL Twitter tidak valid");
  }
});

Catatan:

  • Regex ini hanya memvalidasi format URL Twitter yang umum. URL Twitter yang valid dapat bervariasi, misalnya URL yang mengandung hashtag atau parameter.
  • Regex ini tidak memvalidasi keberadaan username Twitter yang sebenarnya.
  • Anda dapat menyesuaikan regex ini sesuai dengan kebutuhan validasi URL Twitter Anda.

Semoga artikel ini membantu Anda dalam memvalidasi URL Twitter dengan regex di JavaScript!