快捷導(dǎo)航

JQuery用戶名校驗的具體實現(xiàn)

更新時間：2016年03月18日 16:43:52 作者：填坑女俠

這篇文章主要為大家詳細(xì)介紹了JQuery用戶名校驗的具體實現(xiàn)，感興趣的小伙伴們可以參考一下

本實例為大家分享了JQuery用戶名校驗功能，分享給大家供大家參考，具體內(nèi)容如下

$(document).ready(function(){})：定義頁面裝載完成時，需要執(zhí)行的方法。
$()獲得頁面指定的節(jié)點，參數(shù)是某種CSS的選擇器。返回的是一個JQuery對象，可在其上執(zhí)行JQuery方法。
val()方法可以獲得節(jié)點的value屬性值
html()設(shè)定某個節(jié)點中的html內(nèi)容
click()相應(yīng)鼠標(biāo)點擊事件
keyup()相應(yīng)鍵盤彈起事件
$.get()可以和服務(wù)器進(jìn)行g(shù)et方式的交互，注冊的callback方法會在數(shù)據(jù)回來的時候被調(diào)用，此方法會接收到代表服務(wù)器端返回數(shù)據(jù)的一個純文本的參數(shù)
addClass()removeClass()給某個節(jié)點增加或刪除一個class
解決中文亂碼問題：發(fā)送給服務(wù)器端的數(shù)據(jù)在js中做兩次encodeURI，然后在服務(wù)器端的代碼中按UTF-8的方式做一次URLDecode

主要代碼：

$.get("http://localhost:8080/JQueryStudy/UserVerify?userName=" + encodeURI(encodeURI(userName)),null,
          function(response){
            $("#result").html(response);
          }
        )

處理的Servlet

/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

package com.linying;

import java.io.IOException;
import java.io.PrintWriter;
import java.net.URLDecoder;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * 用戶名驗證Servlet
 * @author Ying-er
 * @time 2010-4-25下午08:02:08
 * @version 1.0
 */
public class UserVerify extends HttpServlet {
  
  /** 
  * Processes requests for both HTTP <code>GET</code> and <code>POST</code> methods.
  * @param request servlet request
  * @param response servlet response
  */
  protected void processRequest(HttpServletRequest request, HttpServletResponse response)
  throws ServletException, IOException {
    response.setContentType("text/html;charset=UTF-8");
    PrintWriter out = response.getWriter();
    try {
      String param = request.getParameter("userName");
      if (param == null || param.length() == 0) {
        out.println("用戶名不能為空");
      } else {
        String userName = URLDecoder.decode(param, "UTF-8");
        System.out.println(userName);
        if (userName.equals("Ying-er")) {
          out.println("用戶名[" + userName + "]已經(jīng)存在，請使用別的用戶名注冊");
        } else {
          out.println("可以使用用戶名[" + userName + "]注冊");
        }
      }
    } finally { 
      out.close();
    }
  } 

  // <editor-fold defaultstate="collapsed" desc="HttpServlet">
  /** 
  * Handles the HTTP <code>GET</code> method.
  * @param request servlet request
  * @param response servlet response
  */
  protected void doGet(HttpServletRequest request, HttpServletResponse response)
  throws ServletException, IOException {
    processRequest(request, response);
  } 

  /** 
  * Handles the HTTP <code>POST</code> method.
  * @param request servlet request
  * @param response servlet response
  */
  protected void doPost(HttpServletRequest request, HttpServletResponse response)
  throws ServletException, IOException {
    processRequest(request, response);
  }

  /** 
  * Returns a short description of the servlet.
  */
  public String getServletInfo() {
    return "Short description";
  }// </editor-fold>

}

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助。

您可能感興趣的文章: