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