Data Attribute Regex Pattern

Live Regex Tester

Pattern Breakdown

Code Examples

const regex = /data-([a-z-]+)=["']([^"']*)["']/gi;
const test = "data-user-id="123"";
console.log(regex.test(test)); // true

// Extract matches
const matches = test.match(regex);
console.log(matches);

import re

pattern = r'data-([a-z-]+)=["']([^"']*)["']'
test = "data-user-id="123""
match = re.findall(pattern, test, re.IGNORECASE)
print(match)  # Found!

package main

import (
    "fmt"
    "regexp"
)

func main() {
    re := regexp.MustCompile(`data-([a-z-]+)=["']([^"']*)["']`)
    fmt.Println(re.MatchString("data-user-id="123"")) // true
}

Common Use Cases

Match Examples

About the Data Attribute Regex

Matches HTML5 data attributes (data-*) and captures both the attribute name and value.

Regular expressions (regex) are powerful pattern matching tools used across virtually all programming languages. The data attribute pattern is classified as beginner difficulty in the web & html category. This pattern is specifically designed for HTML.

When using this regex, always consider edge cases and test thoroughly with real-world data. Use the interactive tester above to validate the pattern against your specific inputs before deploying to production.

More Web & HTML Patterns