Javascript function not working with variables having special character

Question

Javascript function:

var Id ; //global variables
var Name; //global variables
function getServiceId(id,name){
    Id=id;
    Name = name;
    alert(Id);
}

And this my jsp code

<core:forEach var="service" items="${listServiceBO}">
                                <tr>
                                    <td><a href="Javascript:void(0);">
                                            ${service.name}
                                    </a></td>
                                    <td>${service.multiplicity}</td>
                                    <td>${service.scheduleType}</td>

                                    <td>
                                        <button type="button" id="serviceDeleteButton(${service.id})" name="serviceDeleteButton" 
                                            onclick="getServiceId(${service.id},'${service.name}');" title="Delete"
                                            class="btn btn-link btn-inline" data-toggle="modal"
                                            data-target="#deleteServiceModal"> 
                                            <span class="glyphicon glyphicon-remove"></span>
                                            <span class="sr-only">Delete</span>
                                        </button>
                                    </td>
                                </tr>
                            </core:forEach>

if my service.name contains any special character....my values are not getting set in Javascript. But if I do not have any special character in that name then it is working fine.

Because of special character I am not able to set any of the two values. Any solution ???

http://stackoverflow.com/questions/1470768/how-to-escape-apostrophe-or-quotes-on-a-jsp-used-by-javascript — tachyonflux, Dec 08 '14 at 09:03

ArinCool · Accepted Answer · 2014-12-08T08:49:46.043

0

Can you try this:

onclick="getServiceId(${service.id},&quot;${service.name}&quot;);"

Or, the best thing to do would be escaping all values in Java:

Base64.encode(str);

and in Javascript doing a decode:

decodeURIComponent(str);

edited Dec 08 '14 at 08:49

answered Dec 08 '14 at 08:44

ArinCool

1,720
1
13
24

score 0 · Answer 2 · edited Jun 20 '20 at 09:12

edit:

Try just escaping it:

var Id ; //global variables
var Name; //global variables
function getServiceId(id,name){
    Id=id;
    Name = escapeRegExp(name);
    alert(Id);
}

function escapeRegExp(str) {
  return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
}

jsp not strong suit,but maybe change this:

onclick="toggle('getServiceId(${service.id},'${service.name}')');"

to:

onclick="toggle('getServiceId(${service.id}, \"${service.name}\")')"

Javascript function not working with variables having special character

2 Answers2

edit: