jquery .replace（）-如何替换同一行中的多个字符串？

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(/&/g,"").replace(/</g,"").replace(/>/g,"").replace(/"/g,"").replace(/–/g,"").replace(/—/g,"").replace(/ /g,"").replace(/ /g,"").replace(/ /g,"").replace(/­/g,"").replace(/©/g,"").replace(/™/g,"").replace(/®/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, '=');

Answer 1

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(/&/g,"").replace(/</g,"").replace(/>/g,"").replace(/"/g,"").replace(/–/g,"").replace(/—/g,"").replace(/ /g,"").replace(/ /g,"").replace(/ /g,"").replace(/­/g,"").replace(/©/g,"").replace(/™/g,"").replace(/®/g,""));
});

Could be written as:

$('#CT').click(function(){
   var textarea=$('#ed_level_2');
   textarea.val(textarea.val().replace(/&|<|>|"|–|—| | | |­|©|™|®/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

Answer 2

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, ''));

Answer 3

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(/&|<|&gt|"|–|—| | | |­|©|™|&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>