網(wǎng)頁前臺通過js非法字符過濾代碼(罵人的話等等)
更新時間：2010年05月26日 21:44:50 作者：
項目中如果需要過濾非法字符(你不想用戶輸入的任何字符)的話在前臺可以使用js過濾,同樣可以提高用戶體驗，以前都是后臺過濾，這樣雙重過濾用戶體驗更好。
代碼一:keypress事件時使用
/****************************************************/
//功能：過濾非法字符
//說明：keypress事件時使用
//作者：XXXXXXX
//日期：2010年5月7日
/****************************************************/
function surnam_keypress(event) {
//非法字符集
var codes = '<>/@#%';
//事件
var e = event || window.event
//打印字符碼
var code = e.charCode || e.keyCode;
//功能按鍵時直接返回
if (e.charCode == 0) return true;
//ctr和alt直接返回
if (e.ctrlKey || e.altKey) return true;
//ASCII字符
if (code < 32) return true;
//字符碼轉(zhuǎn)為字符
var c = String.fromCharCode(code);
//如果有非法字符則不打印
if (codes.indexOf(c) != -1) {
return false;
}
else {
return true;
}
}
代碼二onchage(主要是用戶粘貼時處理用),keyup事件時
/****************************************************/
//功能：過濾非法字符
//說明：onchange、keyup事件時使用
//作者：XXXXX
//日期：2010年5月7日
/****************************************************/
function surnam_keyup(text) {
//控件值
var textvalue = text.value;
//非法字符集
var codes = '<>/@#%';
//非法字符數(shù)組
var codearray = codes.split('');
//循環(huán)替換非法字符
for (i = 0; i < codearray.length; i++) {
while (textvalue.indexOf(codearray[i]) != -1) {
textvalue = textvalue.replace(codearray[i], '');
}
}
//重新給控件賦值
text.value = textvalue;
}
使用實例:
/// <summary>
/// 給控件添加字符過濾js
/// </summary>
/// <param name="text"></param>
public void CharIllegalFilting(System.Web.UI.WebControls.TextBox text)
{
//控件內(nèi)容改變
text.Attributes["onchange"] = "surnam_keyup(this);";
//鍵盤彈出事件
text.Attributes["onkeyup"] = "surnam_keyup(this);";
//鍵盤按下事件
text.Attributes["onkeypress"] = "return surnam_keypress();";
}
protected void Page_Load(object sender, EventArgs e)
{
//添加非法字符過濾
CharIllegalFilting(epNametext);
}
復(fù)制代碼 代碼如下:
/****************************************************/
//功能：過濾非法字符
//說明：keypress事件時使用
//作者：XXXXXXX
//日期：2010年5月7日
/****************************************************/
function surnam_keypress(event) {
//非法字符集
var codes = '<>/@#%';
//事件
var e = event || window.event
//打印字符碼
var code = e.charCode || e.keyCode;
//功能按鍵時直接返回
if (e.charCode == 0) return true;
//ctr和alt直接返回
if (e.ctrlKey || e.altKey) return true;
//ASCII字符
if (code < 32) return true;
//字符碼轉(zhuǎn)為字符
var c = String.fromCharCode(code);
//如果有非法字符則不打印
if (codes.indexOf(c) != -1) {
return false;
}
else {
return true;
}
}
代碼二onchage(主要是用戶粘貼時處理用),keyup事件時
復(fù)制代碼 代碼如下:
/****************************************************/
//功能：過濾非法字符
//說明：onchange、keyup事件時使用
//作者：XXXXX
//日期：2010年5月7日
/****************************************************/
function surnam_keyup(text) {
//控件值
var textvalue = text.value;
//非法字符集
var codes = '<>/@#%';
//非法字符數(shù)組
var codearray = codes.split('');
//循環(huán)替換非法字符
for (i = 0; i < codearray.length; i++) {
while (textvalue.indexOf(codearray[i]) != -1) {
textvalue = textvalue.replace(codearray[i], '');
}
}
//重新給控件賦值
text.value = textvalue;
}
使用實例:
復(fù)制代碼 代碼如下:
/// <summary>
/// 給控件添加字符過濾js
/// </summary>
/// <param name="text"></param>
public void CharIllegalFilting(System.Web.UI.WebControls.TextBox text)
{
//控件內(nèi)容改變
text.Attributes["onchange"] = "surnam_keyup(this);";
//鍵盤彈出事件
text.Attributes["onkeyup"] = "surnam_keyup(this);";
//鍵盤按下事件
text.Attributes["onkeypress"] = "return surnam_keypress();";
}
protected void Page_Load(object sender, EventArgs e)
{
//添加非法字符過濾
CharIllegalFilting(epNametext);
}
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于用JavaScript做一個簡易計算器的三種方法,JS中實現(xiàn)一個簡單的計算器并不困難,我們只需利用基本的數(shù)學(xué)運算符和JavaScript的語法即可,需要的朋友可以參考下2023-10-10
這篇文章主要為大家介紹了如何利用JavaScript實現(xiàn)四個常用的排序：插入排序、交換排序、選擇排序和歸并排序，文中利用動圖詳細(xì)介紹了實現(xiàn)過程，需要的可以參考一下2022-02-02
websocket是H5才開始提供的一種在單個TCP連接上進(jìn)行全雙工通訊的協(xié)議,下面這篇文章主要給大家介紹了關(guān)于JS前端中WebSocket使用的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-03-03
JavaScript時間戳與時間日期間相互轉(zhuǎn)換
今天做項目遇到這樣的問題，要將獲取到的時間轉(zhuǎn)換為時間戳，通過查閱相關(guān)資料，問題順利解決，下面小編把具體實現(xiàn)代碼分享到腳本之家平臺，需要的朋友參考下2017-12-12
JavaScript狀態(tài)模式是一種行為型設(shè)計模式,核心是對象在其內(nèi)部狀態(tài)改變時改變其行為,狀態(tài)模式將對象的行為封裝到不同的狀態(tài)類中,使得對象在不同狀態(tài)下可以選擇不同的行為,本文給大家詳細(xì)的介紹一下狀態(tài)設(shè)計模式在Js中的使用,需要的朋友可以參考下2023-08-08
WebGIS開發(fā)中不同坐標(biāo)系坐標(biāo)轉(zhuǎn)換問題解決基本步驟
這篇文章主要介紹了如何在JavaScript中使用proj4庫進(jìn)行坐標(biāo)系轉(zhuǎn)換的基本步驟,包括安裝、示例、自定義坐標(biāo)系定義、擴(kuò)展以及一些常見EPSG代碼對照表,需要的朋友可以參考下2025-01-01
Javascript防止圖片拉伸的自適應(yīng)處理方法
這篇文章主要給大家介紹了關(guān)于利用Javascript防止圖片拉伸的自適應(yīng)處理方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-12-12
用JavaScript實現(xiàn)用一個DIV來包裝文本元素節(jié)點
當(dāng)我試圖將文本(可能也包含HTML元素)用一個DIV元素包起來時，可以使用下面的方法，需要的朋友可以參考下2014-09-09
這篇文章主要介紹了小程序開發(fā)基礎(chǔ)之view視圖容器，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
這篇文章給大家分享了基于bootstrap打造的特色進(jìn)度條效果，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-05-05