How do I test this regex in JavaScript and TypeScript?

Use regex.test(): const regex = /\b([a-zA-Z-]+)=["\']([^"\']+)["\']/g; const isValid = regex.test(inputString);

What is an example of a matching and non-matching string?

A valid matching string is "href="https://devtransform-hub.vercel.app" class="text-brand"". A non-matching string is "plain text without attributes".

Is this regex safe from ReDoS (Catastrophic Backtracking)?

Yes, this pattern is optimized for linear execution time and safe for browser-side validation without locking up the UI thread.

HomeRegex LibraryHTML Attribute Value Extractor Regex

100% Client-Side • 0 B Data Leaves Browser

formatting

HTML Attribute Value Extractor Regex

Extracts HTML attribute key-value pairs (e.g., href="...", class="...", data-id="...") from markup tags.

Regular Expression Pattern:

/\b([a-zA-Z-]+)=["\']([^"\']+)["\']/g

Valid Match Example:

href="https://devtransform-hub.vercel.app" class="text-brand"

Invalid / Non-Match Example:

plain text without attributes

Regex Syntax Breakdown & Explanation

•\b([a-zA-Z-]+) : First capture group matches attribute name
•=["\'] : Equals sign with double or single opening quote
•([^"\']+) : Second capture group matches attribute value until closing quote

Implementation in Popular Languages

JavaScript / TypeScript

const regex = /\b([a-zA-Z-]+)=["\']([^"\']+)["\']/g;
const isValid = regex.test("href="https://devtransform-hub.vercel.app" class="text-brand"");
console.log(isValid); // true

Python (re)

import re

pattern = r"\b([a-zA-Z-]+)=["\']([^"\']+)["\']"
match = re.match(pattern, "href="https://devtransform-hub.vercel.app" class="text-brand"")
print(bool(match)) # True

Go (regexp)

package main
import (
  "fmt"
  "regexp"
)

func main() {
  re := regexp.MustCompile(`\b([a-zA-Z-]+)=["\']([^"\']+)["\']`)
  fmt.Println(re.MatchString("href="https://devtransform-hub.vercel.app" class="text-brand""))
}

Frequently Asked Questions

Everything you need to know regarding specifications, syntax, and security best practices.

The regular expression pattern is /\b([a-zA-Z-]+)=["\']([^"\']+)["\']/g. Extracts HTML attribute key-value pairs (e.g., href="...", class="...", data-id="...") from markup tags.