Regex find and replace is working properly in Javascript

Asked May 10 '19 at 10:55

Active May 10 '19 at 11:04

Viewed 30 times

I am creating online Regex to find and replace web pages. But It doesn't replace anything.

Index.html

<input type="text" id="textInput"></textarea>
<input type="text" id="find"></textarea>
<input type="text" id="replace"></textarea>
<button id="button"> Submit </button>

Replacer.js

$( document ).ready( function() {
    $("#button").on( 'click', function(){
        var textInput = $("#textInput").val();
        var find = $("#find").val();
        var replace = $("#replace").val();
        var newText = textInput.replace( /find/, replace );
        console.log( newText );
    })
})

Text= 2019, find= (\d{4}) , replace= J $1

I am expecting J 2019 in the console. But I am getting 2019.

edited May 10 '19 at 10:57

Yogesh Prajapati

4,155
2
28
69

asked May 10 '19 at 10:55

Jay Prakash

2

`` That HTML doesn't look valid. – CertainPerformance May 10 '19 at 10:56
1

`textInput.replace( new RegExp(find), replace );` – ponury-kostek May 10 '19 at 10:57
`textInput.replace( /find/, replace );` doesnot match the value of `find` variable. For inserting variables in regex Use the `RegExp` constructor `textInput.replace( new RegExp(find), replace );` – Maheer Ali May 10 '19 at 11:01
I consider you put `` at the end of inputs as a typo. `` tags are self closing tags you have no need to close them. Remove `` at the end of each `` in your html. – Maheer Ali May 10 '19 at 11:02
Thank a lot Everyone Now I got the solution. – Jay Prakash May 10 '19 at 11:03

Regex find and replace is working properly in Javascript

0 Answers0