Regular Expression

regex javascript

by gschutz

HTML

<div id="inp">
    <span>\</span> <input id="reg" placeholder="regex"> <span>\</span> <input id="fla" placeholder="regex">
    <br>    
    <input id="str" placeholder="string to replace">
</div>
    
<div id="res"></div>

CSS

body {
    font-size: 16px;
}
input {
    padding: 5px 8px;
    width: 95%;
    margin: 10px 0;
    font-family: verdana;
}
#inp span {
    font-weight: bolder;
    font-size: 22px;
    width: 3%;
    display:inline-block;
    text-align: center;
}
#reg {
    width: 74%;
}
#fla {
    width: 10%;
}
#res {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    min-height: 40px;
}

JavaScript

$('#reg, #gl, #str').keyup(function(){
    var pat = $('#reg').val();
    var fla = $('#fla').val();
    var str = $('#str').val();
    
    var re = new RegExp(pat, fla);
    
    var _str = str.replace(re, "");
    
    $('#res').text(_str);
});