Regular Expressions 101

Save & Share

Flavor

  • PCRE2 (PHP >=7.3)
  • PCRE (PHP <7.3)
  • ECMAScript (JavaScript)
  • Python
  • Golang
  • Java 8
  • .NET 7.0 (C#)
  • Rust
  • Regex Flavor Guide

Function

  • Match
  • Substitution
  • List
  • Unit Tests

Tools

Sponsors
There are currently no sponsors. Become a sponsor today!
An explanation of your regex will be automatically generated as you type.
Detailed match information will be displayed here automatically.
  • All Tokens
  • Common Tokens
  • General Tokens
  • Anchors
  • Meta Sequences
  • Quantifiers
  • Group Constructs
  • Character Classes
  • Flags/Modifiers
  • Substitution
  • A single character of: a, b or c
    [abc]
  • A character except: a, b or c
    [^abc]
  • A character in the range: a-z
    [a-z]
  • A character not in the range: a-z
    [^a-z]
  • A character in the range: a-z or A-Z
    [a-zA-Z]
  • Any single character
    .
  • Alternate - match either a or b
    a|b
  • Any whitespace character
    \s
  • Any non-whitespace character
    \S
  • Any digit
    \d
  • Any non-digit
    \D
  • Any word character
    \w
  • Any non-word character
    \W
  • Non-capturing group
    (?:...)
  • Capturing group
    (...)
  • Zero or one of a
    a?
  • Zero or more of a
    a*
  • One or more of a
    a+
  • Exactly 3 of a
    a{3}
  • 3 or more of a
    a{3,}
  • Between 3 and 6 of a
    a{3,6}
  • Start of string
    ^
  • End of string
    $
  • A word boundary
    \b
  • Non-word boundary
    \B

Regular Expression

/
/
gm

Test String

Substitution

Processing...

Code Generator

Generated Code

re = /\>(^($|\<\>)|[A-Z a-z0-9\,\.\/\)\(\*\+\:\-]{2,}+)\<\//m str = '@extends(\'layouts.index\') @section(\'styles\') <style> @media screen and (max-width: 1000px) { .btn { border-radius: 0.5rem !important; margin-top: 20px; width: 100%; } #q { border-radius: 0px; } } </style> @endsection @section(\'title\') <title> {{ \'Jobs - \'.config(\'app.name\')}} </title> @endsection @section(\'content\') <div class="container-fluid py-4"> <form action="{{route(\'jobs.list\')}}" method="GET"> <div class="row g-0"> <div class="col-lg-3 col-6"> <input id="q" name="q" class="form-control" value="@if(isset($_GET[\'q\'])){{$_GET[\'q\']}}@endif" type="text" style="border-bottom-right-radius: 0px; border-top-right-radius: 0px" placeholder="Search jobs" autocomplete="off"> </div> <div class="col-lg-2 col-6"> <select class="form-select" name="category" id="category" style="border-radius: 0px;" aria-label="Default select example"> <option value="" selected>Categories</option> @foreach($categories as $category) <option value="{{$category->slug}}">{{$category->name}}</option> @endforeach </select> </div> <div class="col-lg-2 col-6"> <select class="form-select" name="job_type" id="job_type" style="border-radius: 0px;" aria-label="Default select example"> <option value="" selected>Job Type</option> <option value="Part Time">Part Time</option> <option value="Full Time">Full Time</option> </select> </div> <div class="col-lg-2 col-6"> <select class="form-select" name="price_type" id="price_type" style="border-radius: 0px;" aria-label="Default select example"> <option value="" selected>Price Type</option> <option value="Fixed">Fixed</option> <option value="Hourly">Hourly</option> </select> </div> <div class="col-lg-3 col-12"><button type="submit" class="btn btn-dark search" style="border-top-left-radius: 0px; border-bottom-left-radius: 0px">Search</button></div> </div> </form> <div class="row"> <div class="col-12"> <div class="card mb-4"> <div class="card-header pb-0"> <h6>Jobs</h6> @if (session(\'deleted_job\')) <span style="color:red">{{session(\'deleted_job\')}}</span> @endif @if (session(\'min_length_input\')) <span style="color:red">{{session(\'min_length_input\')}}</span> @endif </div> <div class="card-body px-0 pt-0 pb-2"> <div class="table-responsive p-0"> @if (count($jobs)>0) <table class="table align-items-center mb-0"> <thead> <tr> <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Title</th> <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">Category/Address</th> <th class="text-uppercase text-secondary text-xxs text-center font-weight-bolder opacity-7 ps-2">Price type</th> <th class="text-uppercase text-secondary text-xxs text-center font-weight-bolder opacity-7 ps-2">Price</th> <th class="text-center text-uppercase text-secondary text-center text-xxs font-weight-bolder opacity-7">Start date</th> <th class="text-center text-uppercase text-secondary text-center text-xxs font-weight-bolder opacity-7">End date</th> <th class="text-center text-uppercase text-secondary text-center text-xxs font-weight-bolder opacity-7">Options</th> </tr> </thead> <tbody> @foreach($jobs as $job) <tr> <td> <a href="{{route(\'job.show\',$job->slug)}}"> <div class="d-flex px-2 py-1"> <div> <img src="/images/{{$job->user->photo->name}}" class="avatar avatar-sm me-3" alt="user1"> </div> <div class="d-flex flex-column justify-content-center"> <h6 class="mb-0 text-sm">{{$job->title}}</h6> <p class="text-xs text-secondary mb-0">{{$job->user->company->name}}</p> </div> </div> </a> </td> <td> <p class="text-xs font-weight-bold mb-0">{{$job->category->name}}</p> <p class="text-xs text-secondary mb-0">{{$job->address}}</p> </td> <td class="align-middle text-center text-sm"> <p class="text-xs font-weight-bold mb-0">{{$job->price_type}}</p> </td> <td class="align-middle text-center text-sm"> <p class="text-xs font-weight-bold mb-0">{{$job->price}}</p> </td> <td class="align-middle text-center text-sm"> <p class="text-xs font-weight-bold mb-0">{{$job->startingDate}}</p> </td> <td class="align-middle text-center"> <p class="text-xs font-weight-bold mb-0">{{($job->endingDate) ? $job->endingDate : \'/\' }}</p> </td> <td class="align-middle text-center"> <span class="text-secondary text-xs font-weight-bold"> <form action="{{route(\'job.destroy\',$job->slug)}}" method="POST" style="display: inline; "> @csrf @method(\'DELETE\') <button type="submit" name="remove_job" style="text-decoration: none; color:red!important; padding: 0; margin:0!important;text-transform: none;" class="btn btn-link">Delete</button> </form> </span> </td> </tr> @endforeach </tbody> </table> @else <span style="color:red; margin-left: 25px;">No jobs found.</span> @endif <div class="d-flex justify-content-center mt-3"> {{$jobs->links()}} </div> </div> </div> </div> </div> </div> @endsection @section(\'scripts\') <script> const searchBtn = document.querySelector(\'.search\'); searchBtn.addEventListener(\'click\', function() { const searchField = document.querySelector(\'#q\'); const categoriesBtn = document.getElementById(\'category\'); const categoryValue = categoriesBtn.options[categoriesBtn.selectedIndex].text; const jobtypeBtn = document.getElementById(\'job_type\'); const jobtypeValue = jobtypeBtn.options[jobtypeBtn.selectedIndex].text; const pricetypeBtn = document.getElementById(\'price_type\'); const pricetypeValue = pricetypeBtn.options[pricetypeBtn.selectedIndex].text; if (searchField.value == \'\') { searchField.disabled = true; } if (categoryValue == \'Categories\') { categoriesBtn.disabled = true; } if (jobtypeValue == \'Job Type\') { jobtypeBtn.disabled = true; } if (pricetypeValue == \'Price Type\') { pricetypeBtn.disabled = true; } }); </script> @endsection' subst = '>{{__("$1")}}</' result = str.gsub(re, subst) # Print the result of the substitution puts result

Please keep in mind that these code samples are automatically generated and are not guaranteed to work. If you find any syntax errors, feel free to submit a bug report. For a full regex reference for Ruby, please visit: http://ruby-doc.org/core-2.2.0/Regexp.html