我們之前的建站教程中，講了如何制作WordPress程序搜索功能。搜索功能的目的是方便用戶搜索需要的內(nèi)容，但往往卻被別人使用惡意關(guān)鍵詞搜索，非常的不好。

屏蔽惡意關(guān)鍵詞搜索的方法，網(wǎng)上很多都是使用functions函數(shù)方法，但這種方法的最大缺點(diǎn)是別人已經(jīng)搜索過后才提示惡意關(guān)鍵詞。而今天學(xué)做網(wǎng)站論壇要給學(xué)習(xí)如何做網(wǎng)站的同學(xué)介紹一種使用JQUERY的方法屏蔽惡意關(guān)鍵詞搜索的方法，當(dāng)用戶輸入惡意關(guān)鍵詞時(shí)，就會(huì)驗(yàn)證提示并阻止搜索。

代碼如下：

搜索框代碼：

?<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>

屏蔽惡意關(guān)鍵詞的JQUERY代碼

<script>

?       //為表單元素添加失去焦點(diǎn)事件

?       $("form :input").blur(function(){

?           var $parent = $(this).parent();

?           $parent.find(".msg").remove(); //刪除以前的提醒元素（find()：查找匹配元素集中元素的所有匹配元素）

?           //驗(yàn)證輸入詞

?           if($(this).is("#s")){

?               var nameVal = $.trim(this.value); //原生js去空格方式：this.replace(/(^\s*)|(\s*$)/g, "")

?               var regName = /[~#^$@%&!*()<>:;'"{}【】惡意關(guān)鍵詞]/;

?               if(nameVal == "" || regName.test(nameVal)){

?                   var errorMsg = " 搜索詞不能為空，不能包括限制詞！";

?                   //class='msg onError' 中間的空格是層疊樣式的格式

?                   $parent.append("<span class='msg onError'>" + errorMsg + "</span>");

?               }

?           }

?       }).keyup(function(){

?           //triggerHandler 防止事件執(zhí)行完后，瀏覽器自動(dòng)為標(biāo)簽獲得焦點(diǎn)

?           $(this).triggerHandler("blur"); 

?       }).focus(function(){

?           $(this).triggerHandler("blur");

?       });



?       //點(diǎn)擊重置按鈕時(shí)，通過trigger()來觸發(fā)文本框的失去焦點(diǎn)事件

?       $("#send").click(function(){

?           //trigger 事件執(zhí)行完后，瀏覽器會(huì)為submit按鈕獲得焦點(diǎn)

?           $("form .required:input").trigger("blur"); 

?           var numError = $("form .onError").length;

?           if(numError){

?               return false;

?           }

?       });

?   </script>

將自己網(wǎng)站的搜索框代碼替換成以上二個(gè)代碼的組合即可。這樣別人再搜索惡意關(guān)鍵詞時(shí)，搜索功能就不會(huì)起作用了，真正把屏蔽惡意關(guān)鍵詞搜索做到了搜索動(dòng)作的前面。

標(biāo)簽： 代碼 建站 建站教程 搜索

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。