jquery验证特殊字符并转义

发布时间:2020-05-05编辑:脚本学堂
分享下jquery对特殊字符验证,并进行转义字符的方法,防止注入,有需要的朋友参考下。

使用jquery验证特殊字符,实现转义字符功能。
 
在使用ajax进行留言时,因为留言内容写完之后,通过ajax提交内容,同时使用js把留言的内容添加到页面上来。

浏览留言的时候也是通过ajax请求,然后再显示的.这样,如果有人在留言里写入了js语句,这结语句都会被执行.解决办法就是对这些特殊字符进行转义再显示出来.如果在jsp中使用jstl标签,就很简单了.直接使用<c:out value=”${r.content}” />这样就行了,会自动进行转义,其中省略了参数escapeXML=”true”,这是默认的.所以说在显示这些用户提交的内容的时候不要用el表达示,因为el不会自动进行转义,用c:out比较好.而如果也是通过ajax请求,然后再显示的。
 
代码:
 

复制代码 代码示例:
var html="<script>alert('asdfasdf')</script>";
$("#content").text(html);那么会发生什么情况 解决办法:把这些特殊字符进行转义也就是<变成<>变成> 使用jquery对字符进行转义这样就可以了
<head>
<script>  var html="<script>alert('asdfasdf')</scipt>";
html=$("#x").text(html).html();
$("#content").append("<div>"+html+"</div>");
</script>
</head>
<body>
<span id="x"style="display:none"></span>
<div id="content"></div>
</body>

JQuery转义id中特殊字符的例子