DOM 账号验证改进

最新推荐文章于 2022-03-21 16:15:27 发布

酷爱WAF哈狗帮

最新推荐文章于 2022-03-21 16:15:27 发布

阅读量145

点赞数

分类专栏： JavaWeb前端

本文链接：https://blog.csdn.net/HuashirenYty/article/details/102722273

版权

JavaWeb前端专栏收录该内容

29 篇文章 0 订阅

订阅专栏

accountVerify.html

<!DOCTYPE html>
<html>
  <head>
    <title>账号验证改进</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
	<script type="text/javascript">
		function check() {
			var name = document.getElementById("name").value;
			var noMessage = document.getElementById("noMessage");
			var okMessage = document.getElementById("okMessage");
			noMessage.style.display="none";
			okMessage.style.display="none";
			if(name.length != 0) {
				var firstChar = name.charAt(0);
				if(firstChar=='a' || firstChar=='A') {
					noMessage.style.display="inline";
				} else {
					okMessage.style.display="inline";
				}
			}
		}
	</script>
	
  </head>
  
  <body>
    		<input id="name" type="text" onkeyup="check()" placeholder="请输入账号">
    		<!-- <font id="result"></font>  -->
    		<span id="noMessage" style="color:red; display:none; ">账号已经存在 </span>
    		<span id="okMessage" style="color:green; display:none; ">账号可以使用 </span>
  </body>
</html>

酷爱WAF哈狗帮

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DOM 账号验证改进

accountVerify.html<!DOCTYPE html><html> <head> <title>账号验证改进</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="...
复制链接

扫一扫