jquery .replace() - How to replace more than one string in the same line?

Question

my name is Ahmed and I have a page that contains a textarea and a button to send data in the textarea via Ajax after clicking but I want to replace some strings before sending and the strings are  , , &, <

and more in the JS code

$('#CT').click(function(){
   var textarea=$('#ed_level_2');
   textarea.val(textarea.val().replace(/&amp;/g,"").replace(/&lt;/g,"").replace(/&gt;/g,"").replace(/&quot;/g,"").replace(/&ndash;/g,"").replace(/&mdash;/g,"").replace(/&ensp;/g,"").replace(/&emsp;/g,"").replace(/&nbsp;/g,"").replace(/&shy;/g,"").replace(/&copy;/g,"").replace(/&trade;/g,"").replace(/&reg;/g,""));
});

I am looked at some sites and I can not find a way to replace more than two strings Such as the code at the bottom

finalurl.replace(/and/g, '&').replace(/eq/g, '=');

replace is a string method in this case, which is vanilla javascript — Taplar
– Taplar, Commented May 14, 2019 at 16:30
What you have should work fine, although is a little long winded. Have you checked to see that the HTML entities are actually shown like that within the val() you retrieve? — Rory McCrossan
– Rory McCrossan, Commented May 14, 2019 at 16:32
This would work, although if you're replacing them all with an empty string, a regex would be easier. Better yet, use a library explicitly designed to handle HTML entity replacement... and keep in mind that depending on what you're actually trying to it might be better to replace them with reasonable characters, like quotes, dashes, etc. — Dave Newton
– Dave Newton, Commented May 14, 2019 at 16:33

Adrian · Accepted Answer · 2019-05-14 16:38:38Z

You can replace multiple strings at once by separating them with a vertical pipe, so this:

$('#CT').click(function(){
   var textarea=$('#ed_level_2');
   textarea.val(textarea.val().replace(/&amp;/g,"").replace(/&lt;/g,"").replace(/&gt;/g,"").replace(/&quot;/g,"").replace(/&ndash;/g,"").replace(/&mdash;/g,"").replace(/&ensp;/g,"").replace(/&emsp;/g,"").replace(/&nbsp;/g,"").replace(/&shy;/g,"").replace(/&copy;/g,"").replace(/&trade;/g,"").replace(/&reg;/g,""));
});

Could be written as:

$('#CT').click(function(){
   var textarea=$('#ed_level_2');
   textarea.val(textarea.val().replace(/&amp;|&lt;|&gt;|&quot;|&ndash;|&mdash;|&ensp;|&emsp;|&nbsp;|&shy;|&copy;|&trade;|&reg;/g,""));
});

I'm not sure what sites you looked at, but w3schools has plenty of examples of different javascript string functions, including replace():

https://www.w3schools.com/jsref/jsref_replace.asp

Nhu Trinh · Accepted Answer · 2019-05-14 16:48:51Z

1

As I understand, you want to replace (remove in your case) multiple instant at once. Try this

textarea.val(textarea.val().replace(/\&(amp|lt|gt|quot|ndash|mdash)\;/gi,"")

better build a list

const myList = ['amp', 'lt', 'gt', 'quot', 'ndash'];
const regex = new RegExp('\&' + myList.join('|') + '\;', 'gi');
textarea.val(textarea.val().replace(regex, ''));

if you need to replace all html entity then just use regex

textarea.val(textarea.val().replace(/\&[a-z]+\;/gi, ''));

answered May 14, 2019 at 16:48

Nhu Trinh

14k6 gold badges66 silver badges88 bronze badges

Comments

Moob · Accepted Answer · 2019-05-14 17:07:05Z

0

It depends on what problem you're trying to solve as to wether you want to replace specific entities, strip all html, or both.

$(function() {

  function replaceEntities(badString) {
    return badString.replace(/&amp;|&lt;|&gt|&quot;|&ndash;|&mdash;|&ensp;|&emsp;|&nbsp;|&shy;|&copy;|&trade;|&reg/gi, "");
  };

  function stripHtml(badString) {
    return $($.parseHTML(badString)).text();
  }

  $("form").on("submit", function(e) {
    e.preventDefault();
    var inval = $("#in").val();
    $("#out1").val(replaceEntities(inval));
    $("#out2").val(stripHtml(inval));
  })


})

label {
  display: inline-block;
  margin: 5px;
  padding: 5px;
  border: 1px dotted #ccc;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
  <label>Input
  <textarea id="in" placeholder="try some junk html in here"></textarea>
  </label>
  <label>replaceEntities()
  <textarea id="out1" readonly=readonly></textarea>
  </label>
  <label>stripHTML()
  <textarea id="out2" readonly=readonly></textarea>
  </label>
  <input type="submit" />
</form>

answered May 14, 2019 at 17:07

Moob

16.5k1 gold badge40 silver badges54 bronze badges

1 Comment

Moob Over a year ago

@Nopel I'm not suggesting that you use this exact code. Its an example. There's nothing in it that prevents you from using Ajax or adding more lines to the function.

Collectives™ on Stack Overflow

jquery .replace() - How to replace more than one string in the same line?

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related