南方小强 jQuery实现除了字母和数字外的其它特殊符号替换成指定字符串
第一步：创建一个 index.html 文件，内容如下：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jQuery实现除了字母和数字外的其它特殊符号替换成空格</title>
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<style type="text/css">
*{
font-family:Arial, Helvetica, sans-serif;
}
#content{
border:1px #dbdbdb solid;
width:700px;
height:100px;
padding:10px;
font-size:13px;
line-height:23px;
letter-spacing:2px;
}
#show{
border:1px #dbdbdb solid;
width:700px;
height:100px;
padding:10px;
font-size:12px;
color:#FF0000;
line-height:23px;
margin-top:2px;
letter-spacing:2px;
overflow-x:hide;
overflow-y:auto;
text-transform:capitalize;
text-align:left;
}
#guolv,#fuzhi,#qingkong{
padding:10px 30px;
}
center{
margin-top:50px;
}
</style>
<script type="text/javascript" src="/preg-replace/js/jquery.min.js"></script>
<script type="text/javascript">
$(function (){
//清空输入框
$("#qingkong").click(function(){
$("#content").val("");
$("#show").html("");
});
//输入内容自动过滤
$("#content").live("keyup keydown change blur",function (){
//$("#show").val($(this).toPinyin());
$.ajax({
url:'preg_replace.php',
type:'post',
data:{
content:$(this).val(),
},
success:function(data){
console.log(data);
$("#show").html(data);
},
});
});
//输入内容点击过滤
$("#guolv").click(function(){
$.ajax({
url:'preg_replace.php',
type:'post',
data:{
content:$("#content").val(),
},
success:function(data){
console.log(data);
$("#show").html(data);
},
});
});
});
//复制文本
function tapCopy($id){
selectText($id);
document.execCommand('copy');
//alert("复制成功！");
}
//选中文本
function selectText(element){
var text = document.getElementById(element);
if(document.body.createTextRange){
var range = document.body.createTextRange();
range.moveToElementText(text);
range.select();
}else if(window.getSelection){
var selection = window.getSelection();
var range = document.createRange();
range.selectNodeContents(text);
selection.removeAllRanges();
selection.addRange(range);
}else{
alert("复制失败！");
}
}
</script>
</head>
<body>
<center>过滤除了字母和数字外的其它特殊符号替换成空格</center>
<center>
<textarea id="content"></textarea>
</center>
<center>
<button id="guolv">过滤</button>
<button id="fuzhi" onclick="tapCopy('show')">复制</button>
<button id="qingkong">清空</button>
</center>
<center>
<div id="show"></div>
</center>
</body>
</html>
第二步：创建一个 preg_replace.php 文件，用来处理要转换的内容并返回，内容如下：
$content = $_POST['content'];
$content = preg_replace("/[^a-z0-9.]+/i", " ", $content);
echo $content;
以上的替换代码中是不分字母大小写的，上面是把所有除了字母和数字外的特殊字符都替换成了空格，如果你要替换成指定的字符串那就把 “ ” 这个改成 “要替换的字符串” 这种格式就可以了。
总效果如下图：
相关说明：
1、终身VIP会员无限制任意下载，免积分。即前往开通>>
2、下载积分可通过日常 签到 以及 积分兑换 等途径获得！
3、本站资源无解压密码.
4、本站资源大多存储在云盘，如出现链接失效请评论反馈。
5、本站提供的免费源码、模板、软件工具等其他资源，均不包含技术服务，请大家谅解！资源仅供参考学习只用，请勿用于任何商业用途，请支持正版。
6、源码、模板等资源会随着技术、环境的升级而存在部分问题，还请慎重选择。
本站资源仅供个人学习交流，请于下载后24小时内删除，不允许用于商业用途，否则法律问题自行承担。南方小强 » jQuery实现除了字母和数字外的其它特殊符号替换成指定字符串
