随笔 - 44  文章 - 78  trackbacks - 0
<2008年3月>
2425262728291
2345678
9101112131415
16171819202122
23242526272829
303112345

 Happy 牛 Year
一、一周至少写一篇博文;
二、每天至少学习半个小时。
三、奔向小牛!

常用链接

留言簿(6)

我参与的团队

随笔分类

随笔档案

文章档案

搜索

  •  

最新评论

阅读排行榜

评论排行榜

1.judgeUsername.html页面:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>judegUsername.html</title>
 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   
    <script language="JavaScript" type="text/javascript">
    var request = false;
    try{
     request = new XMLHttpRequest();
    }catch(microsoftIE){
     try{
      request = new ActiveXObject("Msxml2.XMLHTTP");
     }catch(microsoftOldIE){
      try{
       request = new ActiveXObject("Microsoft.XMLHTTP");
      }catch(failed){
       request = false;
      }
     }
    }
    if(!request){
     alert("初始化XMLHttpRequest对象失败");
    }
    function sendUsername(){
     var username = document.getElementById("username").value;
     if(username!=null && username!=""){
      var url = "./judgeUsername.jsp?username="+escape(username);
      request.open("get",url,true);
      request.onreadystatechange=updatepage;
      request.send(null);
     }
    }
    function updatepage(){
     if(request.readyState==4){
      if(request.status==200){
       document.getElementById("reusername").innerHTML = request.responseText;
       //document.getDocumentById("reusername").innerText = request.responseText;
      }else if(request.status==404){
       alert("找不到页面!");
      }else{
       alert("错误代码:"+request.status);
      }
     }
    }
    function clearMessage(){
     document.getElementById("reusername").innerHTML = "";
    }
    </script>

  </head>
 
  <body>
   <form action="/register.jsp" method="post">
    <table align="center">
     <caption>guoyongfei为已注册,其他均未注册</caption>
     <tr><th>用 户 名:</th><td><input type="text" name="username" id="username" onblur="sendUsername()" onfocus="clearMessage()"/></td><td width="40%" id="reusername"></td></tr>
     <tr><th>密  码:</th><td><input type="password" name="password" id="password"/></td><td width="20"></td></tr>
     <tr><th>密码确认:</th><td><input type="surePassword" name="surePassword" id="surePassword"/></td><td width="20"></td></tr>
    </table>
  </body>
</html>

2.judgeUsername.jsp页面:
<%@ page language="java" pageEncoding="UTF-8"%>
<%
 String username = request.getParameter("username");
 //System.out.println("username:"+username);
 if(username.equals("guoyongfei")){
  out.println("<font color='red'>用户名已经注册</font>");
 }else{
  out.println("<font color='green'>用户名可以用</font>");
 }
 %>
希望大家给推荐下提示信息较好的表示方法.....

posted on 2008-03-12 17:49 Tiger1102 阅读(2643) 评论(6)  编辑  收藏 所属分类: 每日进阶

FeedBack:
# re: 做了一个用ajax判断用户名是否注册的代码,呵呵[未登录] 2008-03-14 10:42 BeanSoft
推荐用这个:
http://wiki.javascud.org/display/si/Javascript_EasyValidation

做的非常好了,也支持AJAX方式的后台验证。  回复  更多评论
  
# re: 做了一个用ajax判断用户名是否注册的代码,呵呵[未登录] 2008-03-14 11:46 mrklmxy
这个太简单了  回复  更多评论
  
# re: 做了一个用ajax判断用户名是否注册的代码,呵呵[未登录] 2008-03-15 14:13 allenny
为啥后台是JSP呢,不是多此一举么?servlet就可以了。  回复  更多评论
  
# re: 做了一个用ajax判断用户名是否注册的代码,呵呵 2008-03-17 14:53 jfreechart
不错,楼上的,人家只不过是做个例子  回复  更多评论
  
# re: 做了一个用ajax判断用户名是否注册的代码,呵呵 2008-06-06 16:45 liveimain001
感谢,你是我唯一一个看到写出来后台的朋友,感谢  回复  更多评论
  
# re: 做了一个用ajax判断用户名是否注册的代码,呵呵[未登录] 2010-10-20 14:26 李雪
到底  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航: