$(function() { $("i").click(function() { $(this).toggleClass("far fa-check-square"); $(this).toggleClass("fas fa-check-square"); }); $("div").keyup(function(event) { if (event.keyCode == 13 && $(this).html().lastIndexOf("

") == $(this).html().length - 30) { var html = $(this).html(); $(this).html(html.substr(0,html.length-30)); switch ($(this).attr("id")) { case "regexp": $("#string").focus(); break; case "string": $("#replace").focus(); break; case "replace": $(this).blur(); $("#test").click(); $("#highlight").click(); break; } } }); $("#example").click(function() { var example = examples[Math.floor(Math.random() * examples.length)]; alert("You got: " + example.title); $("#regexp").text(example.regexp); $("#string").html(example.test); $("#highlight").click(); }); $("#test").click(function() { if ($("#regexp").text() == "") { $("#result").html("Please write something in the 'Regular Expression' field"); return; } if ($("#string").text() == "") { $("#result").html("Please write something in the 'Test String' field"); return; } var regexp = new RegExp($("#regexp").text(), getFlags()); var teststr = $("#string").text(); if ($("#regexp").text().match(/^\/.+\/$/)) { var removeSlash = confirm("You don't have to put slashes here. Do you want to remove them?"); if (removeSlash) { $("#regexp").text($("#regexp").text(). substr(1,$("#regexp").text().length-2)); $("#highlight").click(); $("#test").click(); return; } } if ($("#replace").text().indexOf("$0") != -1) { var replace$0 = confirm("NOTE: JavaScript uses $& instead of $0. Do you want to replace $0 with $&?"); if (replace$0) { $("#replace").html($("#replace").html().replace(/\$0/g, "$&")); return; } } if (!teststr.match(regexp)) { $("#nr").text("No results"); $("#result").text(teststr); return; } if ($("#replace").text() == "") var result = teststr.replace(regexp, "$&"); else var result = teststr.replace(regexp, "" + $("#replace").text() + ""); var number = teststr.match(regexp).length; $("#nr").text(number + " match" + (number != 1 ? "es" : "")); $("#result").html(result); }); $("#clear").click(function() { var clear = confirm("Are you sure you want to clear everything?"); if (clear) $("div, p").text(""); }); $("#highlight").click(function() { $("#regexp").html($("#regexp").text() .replace(/[^.^$*+?()[\]|:=!,]/g, "$&") .replace(/\?(?!\:|\!|\=)/g, "$&") .replace(/((\(\?\!|\(\?\:|\(\?\=)|[()|])/g, "$1") .replace(/[[\]]/g, "$&") .replace(/[+*$^.-]/g, "$&") .replace(/\\/g, "\") .replace(/\{|\}/g, "$&") .replace(/[\d,]/g, "$&") ); $("#string").html($("#string").text() .replace(/&(.{1,4};)/g, "&$1") .replace(/
/g, "<br>") ); $("#replace").html($("#replace").text() .replace(/\$[\d&]/g, "$&") .replace(/&(.{1,4};)/g, "&$1") .replace(/
/g, "<br>") ); }); }); function getFlags() { str = ""; var flags = ["g","m","i"]; for (var i = 0; i < 3; i++) { if ($("i").eq(i).hasClass("fas fa-check-square")) str += flags[i]; } return str } var examples = [ {title:"Hex code",regexp:"#?([a-f0-9]{6}|[a-f0-9]{3})",test:"#1fb21a is a green color"}, {title:"E-mail",regexp:"([a-z0-9_.-]+)@([a-z-]+).([a-z.]{2,6})",test:"My e-mail address is: john@doe.com"}, {title:"URL",regexp:"(https?:\/\/)([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?",test:"Click this link: https://www.google.com/"}, {title:"IP Address",regexp:"(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)",test:"My IP Address is 73.60.124.136"}, {title:"Wrong spaces",regexp:"(?:^\\s\\s*)|(?:\\s+)(?=\\s)|(?:\\s\\s*$)",test:"Too many spaces"}, {title:"Credit Card",regexp:"\\d{4}\\s?\\d{4}\\s?\\d{4}\\s?\\d{4}",test:"Here is my credit card number: 4929 8945 3026 2902"}, {title:"Double Word",regexp:"\\b(\\w+)\\s\\1\\b",test:"This is is a sentence with double double words."} ]

Regex Tester