URL Regex Pattern — Match and Validate URLs with Regular Expressions

How URL Regex Works

A URL has several distinct parts, and a comprehensive regex pattern can validate each one. Understanding URL structure helps you write better patterns:

URL Regex Patterns Compared

Different use cases require different levels of URL validation. Here are patterns ranging from simple to comprehensive:

Anatomy of a URL

Understanding URL structure helps you write better regex patterns. Here's a breakdown of a complete URL:

Common URL Regex Patterns

Here are ready-to-use URL regex patterns for common scenarios:

URL Regex Edge Cases

URLs can be tricky to match correctly. Here are edge cases to consider:

Best Practices for URL Validation

• Choose the right pattern for your use case

  Use simple patterns for extraction and strict patterns for validation. Don't over-validate if you just need to find URLs in text.

• Consider using URL parsing APIs

  JavaScript's new URL() constructor provides robust URL parsing with built-in validation. Use regex for extraction, URL APIs for parsing.

• Handle trailing punctuation carefully

  When extracting URLs from prose, periods, commas, and parentheses at the end of a URL are usually not part of the URL. Adjust your pattern or post-process matches.

• Test with real-world URLs

  Test your pattern with URLs from your actual data — including long paths, query strings, and special characters that your users might submit.

URL Regex in Code

Here's how to use URL regex in popular programming languages:

const text = "Visit https://example.com and http://test.org/path?q=1";
const urlRegex = /https?:\/\/[^\s]+/g;
const urls = text.match(urlRegex);
// ["https://example.com", "http://test.org/path?q=1"]

const urlRegex = /^https?:\/\/[^\s]+$/;
const isValid = urlRegex.test("https://example.com/path"); // true
const isInvalid = urlRegex.test("not a url"); // false

try {
  const url = new URL("https://example.com:8080/path?q=1#hash");
  console.log(url.hostname); // "example.com"
  console.log(url.port);     // "8080"
  console.log(url.pathname); // "/path"
} catch {
  console.log("Invalid URL");
}

When to Use Regex vs. URL APIs