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

import Foundation let pattern = #"\>(^($|\<\>)|[A-Z a-z0-9\,\.\/\)\(\*\+\:\-]{2,}+)\<\/"# let regex = try! NSRegularExpression(pattern: pattern, options: .anchorsMatchLines) let testString = ##""" @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 """## let stringRange = NSRange(location: 0, length: testString.utf16.count) let substitutionString = #">{{__("$1")}}</"# let result = regex.stringByReplacingMatches(in: testString, range: stringRange, withTemplate: substitutionString) print(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 Swift 5.2, please visit: https://developer.apple.com/documentation/foundation/nsregularexpression