魚躍于淵

          First know how, Second know why !
          posts - 0, comments - 1, trackbacks - 0, articles - 49

          ajax 驗證用戶名(以JSP中)

          Posted on 2008-09-24 15:58 魚躍于淵 閱讀(714) 評論(0)  編輯  收藏 所屬分類: 平時小練習(xí)

          login.html : 
                  
                      

          <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
          <html>
          <head>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
          <title>Insert title here</title>

          <script type="text/javascript">
           function checkname(){
            //alert("test") ;
            document.getElementById("msg").innerHTML="<img src=\"images/fwf3.JPG\" />" ;
            var url = "checklogin.jsp?username=" + document.forms[0].username.value ;
            //alert(url) ;
            if(window.XMLHttpRequest){
            xhr = new XMLHttpRequest() ;
            }else{
             if(window.ActiveXObject){
              try{
               xhr = new ActiveXObject("Microsoft.XMLHttpRequest") ;
              }catch(e){}
             }
            }
            if(xhr){
             xhr.onreadystatechange = showContents ;
             xhr.open("GET", url, true) ;
             xhr.send(null) ;
            }else{
             document.getElementById("msg").innerHTML = "sorry ! but your pc coundn't create a xhr object !" ;
            }
           }
           
           function showContents(){
           if(xhr.readyState == 4){
            if(xhr.status == 200){
             //alert(xhr.responseXML.contentType) ;
             //var outMsg = xhr.responseText ;
             //if(xhr.responseXML && xhr.responseXML.contentType == "text/xml"){
              var outMsg = xhr.responseXML.getElementsByTagName("msg")[0].childNodes[0].nodeValue ;
             //}else{
              //var outMsg = xhr.responseText ;
             //}
             //alert(outMsg) ;
             if(outMsg == "validate"){
              document.getElementById("msg").innerHTML = "<font color=green><strong>用戶名正確 </strong></font>" ;
             }else{
              document.getElementById("msg").innerHTML = "<font color=red><strong>用戶名不正確 </strong></font>" ;
             }
             
            }else{
             var outMsg = "there was a problem on your server : status = " + status ;
            }
           }
          }
          </script>

          </head>
          <body>
          <center>
           <form action="checklogin.jsp">
            username : <input type="text" name="username" onblur="checkname() ;" /><span><div id="msg"></div></span><br><br>
            password : <input type="password" name="password" /><br><br>
            <input type="submit" value="submit" />
           </form>
          </center>
          </body>
          </html>


          checklogin.jsp


           
          <%@ page import="java.sql.*" %>
             
          <%
           response.setContentType("text/xml") ;
           response.setCharacterEncoding("GB18030") ;
           response.setHeader("catch-control", "no-store") ;
           response.setDateHeader("Expires", 0) ;
           
           String username = request.getParameter("username") ;

           
           Connection conn = null ;
           String login = "" ;
           try{
            Class.forName("com.mysql.jdbc.Driver") ;
            conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/testuser?user=root&password=110110") ;
            Statement stmt = conn.createStatement() ;
            String sql = "select count(*) from ruser where username = '" + username + "'" ;
            System.out.println(sql) ;
            ResultSet rs = stmt.executeQuery(sql) ;
            rs.next() ;
            int count = rs.getInt(1) ;
            if(count > 0){
             login = "validate" ;
            }else{
             login="novalidate" ;
            }
           }catch(ClassNotFoundException ex){
            ex.printStackTrace() ;
           }catch(SQLException ex){
            ex.printStackTrace() ;
           }
           
           //System.out.println(request.getParameter("username")) ;
           response.getWriter().write("<msg>" + login + "</msg>") ;
          %>
             




                  

          只有注冊用戶登錄后才能發(fā)表評論。


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 芮城县| 从化市| 汉沽区| 台北市| 南开区| 江门市| 调兵山市| 嵩明县| 曲沃县| 宁海县| 兴仁县| 景泰县| 休宁县| 禄丰县| 眉山市| 恩平市| 抚州市| 屏南县| 仪征市| 青冈县| 故城县| 体育| 平武县| 连江县| 房山区| 渝中区| 崇信县| 太康县| 景谷| 石城县| 阜平县| 商河县| 城市| 莆田市| 揭东县| 宣威市| 波密县| 新疆| 岑溪市| 汉阴县| 伊宁市|