大家在寫完善資訊的頁面 肯定會遇到昵稱不能輸入特殊字元的功能
代碼可自行測試
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta charset="UTF-8"/>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script>
//去掉特殊符号的方法（調用在下面）
String.prototype.TextFilter=function(){
var pattern=new RegExp("[`~%!@#^=''?~！@#￥……&——‘”“'？*()（），,。.、]"); //[]内輸入你要過濾的字元，這裡是我的
var rs="";
for(var i=0;i<this.length;i++){
rs+=this.substr(i,1).replace(pattern,'');
}
return rs;
}
function checkChar(){
var uname=document.getElementById("uname1").value; //通過ID取到texteara的值
var txt=uname.TextFilter(); //調用上面的去字元方法
if(txt!=uname){
alert("您輸入的内容含有限定字元");
}else{
alert("您輸入的内容正确");
}
}
</script>
<BODY>
<input type="text" id="uname1"> <input type="button" value="驗證" οnclick="checkChar();">
</BODY>
</HTML>