用户名验证

最新推荐文章于 2023-06-03 22:40:52 发布
原创最新推荐文章于 2023-06-03 22:40:52 发布 · 368 阅读
0 ·
CC 4.0 BY-SA版权
javascript 专栏收录该内容
63 篇文章
订阅专栏
  
   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
   http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   

  
  
   <html xmlns="
   http://www.w3.org/1999/xhtml">
  
  
   <head>
  
  
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  
  
   <title>无标题文档</title>
  
  
   </head>
  
  
   

  
  
   <body>
  
  
   <script>
  
  
   //验证当前用户名是否可用
  
  
   function checkusername(){
  
  
   	var uid_val=$("#username").val()
  
  
   	var uid_rel=true
  
  
   	if (uid_val==""){
  
  
   		$("#username_tip_txt").html("<span style='color:#f00;'>请输入用户名</span>")
  
  
   		$("#username").addClass("reg_input_focus")
  
  
   		uid_rel=false
  
  
   	}else if(isWhiteWpace(uid_val)){    //验证空格
  
  
   		$("#username_tip_txt").html("<span style='color:#f00;'>用户名不得含有空格</span>")
  
  
   		$("#username").addClass("reg_input_focus")
  
  
   		uid_rel=false
  
  
   	}else if(((uid_val+"").length<=2)||((uid_val+"").length>=17)){
  
  
   		$("#username_tip_txt").html("<span style='color:#f00;'>请输入正确的格式，用户名为3-16位</span>")
  
  
   		$("#username").addClass("reg_input_focus")
  
  
   		uid_rel=true
  
  
   	}else if(!checkname(uid_val)){
  
  
   		$("#username_tip_txt").html("<span style='color:#f00;'>请输入正确的用户名格式(英文/英文/下划线)</span>")
  
  
   		$("#username").addClass("reg_input_focus")
  
  
   		uid_rel=false
  
  
   	}else{
  
  
   		$("#username_tip_txt").html("<img src='images/loading.gif' />")
  
  
   		$.ajax({
  
  
   			type: "post",
  
  
   			url: "ajax/checkusername.php",
  
  
   			data: "username="+uid_val+"&rnd"+Math.random(),
  
  
   			dataType: "json",
  
  
   			success: function(json){
  
  
   				if (json.state=="user_ok"){
  
  
   					$("#username_tip_txt").html("恭喜您，<span style='color:#f00;'>"+uid_val+"</span> 可用")
  
  
   					uid_rel=true
  
  
   				}else if(json.state=="user_nook"){
  
  
   					$("#username_tip_txt").html("<span style='color:#f00;'>该账号已经被使用，请重新输入！</span>")
  
  
   					$("#username").addClass("reg_input_focus")
  
  
   					uid_rel=false
  
  
   				}else{
  
  
   					$("#username_tip_txt").html(json.content)
  
  
   					$("#username").addClass("reg_input_focus")
  
  
   					uid_rel=false
  
  
   				}
  
  
   			},
  
  
   			error: function() {
  
  
   				$("#username_tip_txt").html("参数出错！")
  
  
   				$("#username").addClass("reg_input_focus")
  
  
   				$("#username").focus();
  
  
   				uid_rel=false
  
  
   			}
  
  
   		})
  
  
   	}
  
  
   	return uid_rel
  
  
   }
  
  
   

  
  
   function isWhiteWpace (s){   //验证用户名空格
  
  
   	var whitespace = " \t\n\r";
  
  
   	var i;
  
  
   	for (i = 0; i < s.length; i++){ 
  
  
   		var c = s.charAt(i);
  
  
   		if (whitespace.indexOf(c) >= 0) {return true;}
  
  
   	}
  
  
   	return false;
  
  
   }
  
  
   

  
  
   function checkname(s){   //验证用户名合法性
  
  
   	var val=s
  
  
   	var patrn=/^[0-9a-z][\w-.]*[0-9a-z]$/i;
  
  
   	if(patrn.test(val)){
  
  
   		//alert("书写正确");
  
  
   		return true;
  
  
   	}else{
  
  
   		//alert("书写错误");
  
  
   		return false;
  
  
   	}
  
  
   }
  
  
   

  
  
   //表单提交代码
  
  
   function checkreg(){
  
  
   	if(checkusername()==false){
  
  
   		$("#username").focus();
  
  
   		return false;}
  
  
   	return true;
  
  
   }
  
  
   </script>
  
  
   </body>
  
  
   </html>