学做网站培训课程介绍

当前位置:

WordPress搜索框如何屏蔽恶意关键词搜索

我们之前的建站教程中,讲了如何制作WordPress程序搜索功能。搜索功能的目的是方便用户搜索需要的内容,但往往却被别人使用恶意关键词搜索,特别的不好。

屏蔽恶意关键词搜索的方法,网上很多都是使用functions函数方法,但这种方法的最大缺点是别人已经搜索过后才提示恶意关键词。而今天学做网站论坛要给学习如何做网站的同学介绍一种使用JQUERY的方法屏蔽恶意关键词搜索的方法,当用户输入恶意关键词时,就会验证提示并阻止搜索。

WordPress搜索框如何屏蔽恶意关键词搜索

代码如下:

搜索框代码:


 <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代码


<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");
        });

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

将自己网站的搜索框代码替换成以上二个代码的组合即可。这样别人再搜索恶意关键词时,搜索功能就不会起作用了,真正把屏蔽恶意关键词搜索做到了搜索动作的前面。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 漂亮的wordpress淘客模板 图文教程 (111023 次浏览)
    今天再次给大家分享一款自己仿的一个wordpress淘客模板。这个模板是我自己在别人模板的基础上进行二次开发,自己比较喜欢。注意:此模板不支持IE6,
  • 用什么建网站?Wordpress建网站好不好?这些问题经常被新手问上问起。可以这样说,wordpress程序可以建各种类型的网站,它的功能强大之处令人称赞,
  • (特别全)网站收录提交链接及各大搜索引擎站长工具百度网站收录提交http://www.baidu.com/search/url_submit.html百度自动提交百
  • 以图搜图,顾名思义就是上传一张图片,网站搜索并显示与之类似的图片。对于我们草根站长来说,特别实用,怎么利用好它,就需要发挥你的想象力。1、T
  • 我在本地搭建了个一WP网站,启用Akismet 这个插件的时候,说要注册一个Akismet API Key 我进去以后发现全是英文,我也看不懂,谁有教程呀。然后安装百
  • 很多网站原创的内容会被恶意复制,或者自己有版权的东西不希望被别人转载,可以在自己做网站时可以增加防复制,禁止右键的功能,也可以达到网站文章复
  • 问题老师你好,我的网站总是有一个无关紧要的人去看我的网站,我很不想让他观看,能不能把他的IP地址屏蔽掉呢?这是他的IP地址27.205.115.195  求
  • 这几天,有学做网站论坛学员反映,自己建的wordpress网站总是打不开,咨询空间商之后,说是网站被别人恶意攻击,导致网站空间CPU过高宕机。通
  • 网站百度排名是很多网站获取流量的主要途径,而用户的点击的习惯一般是只浏览位于百度首页的几个网站,如果你的网站的某些关键词排名在百度的第二页至
  • 我们学习SEO培训课程,目的就是让用户通过搜索引擎查询某个词时能找到自己的网站。那么用户查询的词,我们通常就叫做关键词。关键词一般分为