用户名验证
2015-11-01 15:43
260 查看
<!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>
<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>
相关文章推荐
- jquery获取节点实现隐藏和显示
- jquery表单验证
- 2015.10.31[NOIP模拟赛]考试总结
- 「個人用」文章
- 一次使用Eclipse Memory Analyzer分析Tomcat内存溢出(转)
- hot and cold observable
- 关于 Android 源码
- iOS关于RunLoop和Timer
- Direct3D基础
- 使用conga部署RHCS
- VS项目属性的配置总结
- jQuery源码分析之ajaxPrefilters方法
- OC 学习笔记4 NSSet NSMutableSet NSDictionary NSMutableDictionary NSNumber NSValue
- 传奇数据库说明
- hdu 2579 Dating with girls(2)【bfs】
- 拼图小游戏"ST--拼图“开发篇之主要功能实现(一)
- 模仿playnext网站hover后抖动的效果
- Learn Python The Hard Way 总结与勘误
- birt修改sql
- php实战之使用curl抓取网站数据