用JS实现简单敏感词过滤和表单验证

最新推荐文章于 2024-07-30 22:36:34 发布

fgf-2021

最新推荐文章于 2024-07-30 22:36:34 发布

阅读量2.1k

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_42303695/article/details/107170289

版权

敏感词过滤

首先完成html输入框

	<body>
		<textarea rows="10" cols="30" name="" id="txt1">
			
		</textarea>
		<button type="button" onclick="btnClick">发布</button>
		<div id="msg">
			
		</div>
	</body>

css代码

<style type="text/css">
	#msg{width: 400px;height: 400px;border: 1px solid black;}
</style>

事件驱动函数

			function btnClick(){
				var oTxt=document.getElementById("txt1");
				var oMsg=document.getElementById("msg");
				var oValue=oTxt.value;
				for(var i=0;i<arr.length;i++){
					oValue=oValue.replace(arr[i],"*");
				}
				oMsg.innerHTML=oValue;
				oTxt.value="";
			}

其中敏感词以正则表达式的形式存储在数组arr中

var arr=[/靠/ig,/tmd/ig,/nm/ig];//将敏感词用正则表达式的形式存入到数组中

表单验证

编写简单的html

	<body>
		<div id="div1">
			<input type="text" name="" id="username" placeholder="用户名" onblur="fun()"/>
			<span id="username_span">
				6~18个字符，可使用字母、数字、下划线，需以字母开头
			</span>
		</div>
	</body>

编写事件驱动函数

			function fun(){
				var oUsername=document.getElementById("username");
				var oUsername_span=document.getElementById("username_span");
				var oValue=oUsername.value;
				if(oValue.length<6||oValue.length>18){
					oUsername_span.innerHTML="❗长度应为6~18个字符"
				}
				else if(!isABC(oValue.charAt(0))){
					oUsername_span.innerHTML="❗需要以字母开头"
				}
				else{
					oUsername_span.innerHTML="√邮箱可用"
				}
			}

判断是否是字母函数

			function isABC(charstr){
				if(charstr>="a"&&charstr<="z"||charstr>="A"&&charstr<="Z"){
					return true;
				}
				else{
					return false;
				}
			}

注：onblur表示失去焦点时。后面执行事件驱动函数。

fgf-2021

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
用JS实现简单敏感词过滤和表单验证

敏感词过滤首先完成html输入框 <body> <textarea rows="10" cols="30" name="" id="txt1"> </textarea> <button type="button" onclick="btnClick">发布</button> <div id="msg"> </div> </body>css代码<style ty
复制链接

扫一扫