JS敏感詞過(guò)濾代碼
過(guò)濾敏感、不良詞匯。本文主要講述兩種方式過(guò)濾敏感詞匯。
我在這里直接以函數(shù)的形式體現(xiàn)出來(lái),也就是說(shuō),用的時(shí)候直接調(diào)用函數(shù)即可。
方式一、RegExp()
function filter() { // 獲取輸入框的內(nèi)容inputContent var inputContent = input.value; // 多個(gè)敏感詞,這里直接以數(shù)組的形式展示出來(lái) var arrMg = ["fuck", "tmd", "他媽的"]; // 顯示的內(nèi)容--showContent var showContent = inputContent; // 正則表達(dá)式 // \d 匹配數(shù)字 for (var i = 0; i < arrMg.length; i++) { // 創(chuàng)建一個(gè)正則表達(dá)式 var r = new RegExp(arrMg[i], "ig"); showContent = showContent.replace(r, "*"); } // 顯示的內(nèi)容--showInput showInput.value = showContent; }
方式二、replace()
function filtion(){ var inputContent = input.value; // 多個(gè)敏感詞 var arrMg = ["fuck", "tmd", "他媽的"]; var showContent = inputContent; for (var i = 0; i < arrMg.length; i++) { // replace 只會(huì)替換第一個(gè),后面如果還有相同的內(nèi)容,就不會(huì)替換了 showContent = showContent.replace(arrMg[i], "*"); } showInput.value = showContent; }
兩種方式都寫(xiě)完了,一種是正則表達(dá)式,一種是對(duì)象方法replace().
下面這里加上HTML的代碼,這樣可能會(huì)好一點(diǎn)。
<textarea id="inputContent" > </textarea> <input type="button" value="轉(zhuǎn)換" onclick="filter()"/> <textarea id="showInput"></textarea>
當(dāng)然,敏感詞的過(guò)濾還是還有好幾種方法的,比如JQ的也可以,當(dāng)然使用一些目前主流的前段框架也是可以的,例如angular、vue等這些都會(huì)有自己的過(guò)濾器。
但是,在現(xiàn)實(shí)開(kāi)發(fā)中,過(guò)濾這一塊的話,通常交給后臺(tái)方法。
就這樣。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- AngularJS模糊查詢功能實(shí)現(xiàn)代碼(過(guò)濾內(nèi)容下拉菜單排序過(guò)濾敏感字符驗(yàn)證判斷后添加表格信息)
- js中過(guò)濾特殊字符的正則表達(dá)式
- js過(guò)濾HTML標(biāo)簽以及空格的思路及代碼
- Javascript 5種方法實(shí)現(xiàn)過(guò)濾刪除前后所有空格
- js特殊字符過(guò)濾的示例代碼
- 用js實(shí)現(xiàn)過(guò)濾script的正則
- js過(guò)濾HTML標(biāo)簽完整實(shí)例
- 利用javascript/jquery對(duì)上傳文件格式過(guò)濾的方法
- 用于過(guò)濾空白字符的幾種常見(jiàn)的js正則表達(dá)式pattern
- js限制input只能輸入有效的數(shù)字(第一個(gè)不能是小數(shù)點(diǎn))
- 原生JS 實(shí)現(xiàn)的input輸入時(shí)表格過(guò)濾操作示例
相關(guān)文章
Javascript 顏色漸變效果的實(shí)現(xiàn)代碼
在搭建博主博客的時(shí)候,尋思著做一些效果,看到菜單,就想是不是可以做一下顏色的漸變,增加一點(diǎn)動(dòng)態(tài)的感覺(jué)。有個(gè)jquery的插件,效果相當(dāng)不錯(cuò),不過(guò)博主還是打算自立更生寫(xiě)一下,看看能不能實(shí)現(xiàn)2013-10-10前端使用xlsx導(dǎo)出數(shù)據(jù)生成Excel文件的全過(guò)程
這篇文章主要給大家介紹了關(guān)于前端使用xlsx導(dǎo)出數(shù)據(jù)生成Excel文件的相關(guān)資料,最近在做項(xiàng)目中,后端偷懶不做導(dǎo)出功能,讓我前端實(shí)現(xiàn),所以在這里記錄下前端導(dǎo)出功能,需要的朋友可以參考下2023-08-08前端常見(jiàn)的時(shí)間轉(zhuǎn)換方法以及獲取當(dāng)前時(shí)間方法小結(jié)
在做開(kāi)發(fā)時(shí)會(huì)對(duì)不同的時(shí)間格式進(jìn)行轉(zhuǎn)換,下面這篇文章主要給大家介紹了關(guān)于前端常見(jiàn)的時(shí)間轉(zhuǎn)換方法以及獲取當(dāng)前時(shí)間方法的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-01-01JavaScript實(shí)現(xiàn)滑塊驗(yàn)證案例
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)滑塊驗(yàn)證案例,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-01-01js實(shí)現(xiàn)的頁(yè)面矩陣圖形變換特效
這篇文章主要介紹了js實(shí)現(xiàn)的頁(yè)面矩陣圖形變換特效,涉及JavaScript利用數(shù)組與字符串的數(shù)學(xué)運(yùn)算操作頁(yè)面節(jié)點(diǎn)樣式變換的相關(guān)技巧,需要的朋友可以參考下2016-01-01JavaScript中this的9種應(yīng)用場(chǎng)景及三種復(fù)合應(yīng)用場(chǎng)景
本文通過(guò)9中應(yīng)用場(chǎng)景給大家分析this關(guān)鍵字的用法,需要了解的朋友可以參考下本文2015-09-09