WordPress搜索框JQUERY方法屏蔽恶意关键词搜索

2020-01-1612:05:22网站建设与开发Comments2,439 views字数 1318阅读模式

WordPress搜索功能的目的是方便用户搜索需要的内容,但往往却被别人使用恶意关键词搜索,非常的不好。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/17705.html

屏蔽恶意关键词搜索的方法,网上很多都是使用functions函数方法,但这种方法的最大缺点是别人已经搜索过后才提示恶意关键词。介绍一种使用JQUERY的方法屏蔽恶意关键词搜索的方法,当用户输入恶意关键词时,就会验证提示并阻止搜索。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/17705.html

WordPress搜索框JQUERY方法屏蔽恶意关键词搜索文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/17705.html

代码如下:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/17705.html

搜索框代码:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/17705.html

 <form role="search" method="get" id="searchform" class="searchform" action="<?php echo home_url( '/' ); ?>">
<input type="text" value="" name="s" id="s" class="required"/>
<input type="submit" value="搜索" id="send" />
</form>

屏蔽恶意关键词的JQUERY代码文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/17705.html

<script>
//为表单元素添加失去焦点事件
$("form :input").blur(function(){
var $parent = $(this).parent();
$parent.find(".msg").remove(); //删除以前的提醒元素(find():查找匹配元素集中元素的所有匹配元素)
//验证输入词
if($(this).is("#s")){
var nameVal = $.trim(this.value); //原生js去空格方式:this.replace(/(^\s*)|(\s*$)/g, "")
var regName = /[~#^$@%&!*()<>:;'"{}【】恶意关键词]/;
if(nameVal == "" || regName.test(nameVal)){
var errorMsg = " 搜索词不能为空,不能包括限制词!";
//class='msg onError' 中间的空格是层叠样式的格式
$parent.append("<span class='msg onError'>" + errorMsg + "</span>");
}
}
}).keyup(function(){
//triggerHandler 防止事件执行完后,浏览器自动为标签获得焦点
$(this).triggerHandler("blur");
}).focus(function(){
$(this).triggerHandler("blur");
});文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/17705.html

//点击重置按钮时,通过trigger()来触发文本框的失去焦点事件
$("#send").click(function(){
//trigger 事件执行完后,浏览器会为submit按钮获得焦点
$("form .required:input").trigger("blur");
var numError = $("form .onError").length;
if(numError){
return false;
}
});
</script>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/17705.html

将自己网站的搜索框代码替换成以上二个代码的组合即可。这样别人再搜索恶意关键词时,搜索功能就不会起作用了,真正把屏蔽恶意关键词搜索做到了搜索动作的前面。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/17705.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/cms/17705.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定