0

私はhtml登録フォームを持っています.Javascriptを使用してフィールドの検証をチェックしています。ただし、ユーザー名がデータベースに存在するかどうか、およびユーザー名が使用されていることを警告するセクションにメッセージを出力するかどうかを確認する必要があります。ただし、ユーザーが存在するかどうかを確認する必要があるチェックは機能しません。

ユーザー クラスにユーザー名が存在するかどうかを確認してみました。私はライブ検証を取得しようとしているので、ユーザーがユーザー名を入力すると、データベースをチェックしてユーザー名がデータベースに存在するかどうかを確認する if ステートメントがあります。オンラインで見つけることができるのは、phpを使用したソリューションだけです。誰かが私を助けたりアドバイスしたりできるのではないかと思っています。フォーム、サーブレット、使用する ajax、ユーザー クラス、サーブレットを含めました。- すべてのコードで申し訳ありませんが、誰かが私が間違っている場所を確認できることを願っています。

HTMLフォーム 

     Username:

     <input id="username" required type="text" name="username" placeholder="Username"  autocomplete="off" onkeyup="updateOutput(this.value)" />
<div id="userNameMessage"></div>
</p>

サーブレット

    public boolean SaveUser() { 

    boolean saved = false;
    try {


        Connection connection = DBHelperClass.getConnection();
        Statement statement = connection.createStatement();

        String userCheck ="SELECT * FROM User where username='" + userName + "'";

        ResultSet rs1 = statement.executeQuery(userCheck);
        boolean userExists = rs1.next();

                 if (userExists){

        String template = "INSERT INTO user(userName, password, firstName,secondName, email, address, mobile,image) "
                + "VALUES (?,?,?,?,?,?,?,?)";

        PreparedStatement inserter = connection.prepareStatement(template);
        inserter.setString(1, this.userName);
        inserter.setString(2, this.password);
        inserter.setString(3, this.firstName);
        inserter.setString(4, this.secondName);
        inserter.setString(5, this.email);
        inserter.setString(6, this.address);
        inserter.setString(7, this.mobile);
        inserter.setString(8, this.image);

        inserter.executeUpdate();

        ResultSet rs = statement.executeQuery("select max(userid) from user");
        while (rs.next()) {
            System.out.println("max row " + rs.getString(1));
            this.userId = rs.getString(1);
        }


        saved = true;
        inserter.close();
         }
                 else{
                // print message on html page
                 }
        connection.close();



    } catch (SQLException ex) {
        Logger.getLogger(User.class.getName()).log(Level.SEVERE, null, ex);
    }



    return saved;
}

サーブレット 

*/ else if (option.equalsIgnoreCase("add")) {


            String username = mrequest.getParameter("username");
            System.out.println("username" + username);


            String password = mrequest.getParameter("password");
            System.out.println("password" + password);

            String firstName = mrequest.getParameter("firstName");
            System.out.println("firstName" + firstName);


            String secondName = mrequest.getParameter("secondName");
            System.out.println("secondName" + secondName);

            String email = mrequest.getParameter("email");
            System.out.println("email" + email);


            String add = mrequest.getParameter("address");
            System.out.println("address" + address);

            String mobile = mrequest.getParameter("mobile");
            System.out.println("mobile" + mobile);

            String image = mrequest.getParameter("image");

            String userRole = null;


            u = new User(null, username, password, firstName, secondName, email, add, mobile, filename, null);
            boolean saved = u.SaveUser();
            session.setAttribute("user", u);
            address = "/login.html";

AJAX コード

         *
       var xmlHttp;  
       function updateOutput(inputString)        {               

   if(inputString.length == 0)            {                

      document.getElementById("output").innerHTML = "";                             
    return;            
      }                       
      try            {                
     if(window.XMLHttpRequest)                    
    xmlHttp = new XMLHttpRequest();                
      else if (window.ActiveXObject)                   
       xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");                                                
      if(!xmlHttp || xmlHttp == null)                {                    
       return;                }                                
       var url="doajaxstuff.aspx?q=" + inputString;                
        xmlHttp.onreadystatechange=StateChanged;                
     xmlHttp.open("GET", url, true);               
     xmlHttp.send(null);            }            
         catch(e)            {                
         document.getElementById("output").innerHTML = "An error occured";           
             }                   }                function StateChanged()        {            
             if((xmlHttp.readyState == 4) && (xmlHttp.status == 200))            {                
             document.getElementById("output").innerHTML = xmlHttp.responseText;                   
             }                }    
             </script>
4

1 に答える 1

0

サンプルの例を作成しました。これは役立つはずです。

AJAX 呼び出し:

<script type="text/javascript">

    var xmlHttp;

    function updateOutput(inputString) {
        if (inputString.length == 0) {
            document.getElementById("output").innerHTML = "";
            return;
        }
        try {
            if (window.XMLHttpRequest)
                xmlHttp = new XMLHttpRequest();
            else if (window.ActiveXObject)
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            if (!xmlHttp || xmlHttp == null) {
                return;
            }
            var url = "validate?userName=" + inputString; // Here, I have mapped servlet as "validate".
            xmlHttp.onreadystatechange = StateChanged;
            xmlHttp.open("GET", url, true);
            xmlHttp.send(null);
        } catch (e) {
            document.getElementById("userNameMessage").innerHTML = "An error occured";
        }
    }
    function StateChanged() {
        if ((xmlHttp.readyState == 4) && (xmlHttp.status == 200)) {
            document.getElementById("userNameMessage").innerHTML = xmlHttp.responseText;
        }
    }
</script>

HTML:

Username:  <input id="username" type="text" name="userName"  onblur="updateOutput(this.value)" />
<span id="userNameMessage" style="margin-left:10px;"></span></br>
First Name: <input id="firstname" type="text" name="firstName"  />
.... other fields

サーブレット:

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        PrintWriter out = response.getWriter();
        String strStatus = "Username is available";
        try{
            System.out.println("Performing check");
            String username = request.getParameter("userName");
            String strQuery = "SELECT * FROM users WHERE uname='" + username +"'";
            ResultSet rs = DatabaseManager.executeQuery(strQuery);
            boolean userExists = rs.next();
            if (userExists){
                strStatus = "Username already exists"; // Return Exist Msg
            }
        }catch(Exception e){
            strStatus = "Some error occured. Try again"; // Return Err Msg
            e.printStackTrace();
        }
        out.println(strStatus);
    }

今日では、jQuery Ajax 呼び出しは良い習慣と見なされています。こちらでご覧いただけます。

于 2013-03-07T05:54:23.993 に答える