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

$(document).ready(function(){})：定義頁(yè)面裝載完成時(shí)，需要執(zhí)行的方法。

$()獲得頁(yè)面指定的節(jié)點(diǎn)，參數(shù)是某種CSS的選擇器。返回的是一個(gè)JQuery對(duì)象，可在其上執(zhí)行JQuery方法。

val()方法可以獲得節(jié)點(diǎn)的value屬性值

html()設(shè)定某個(gè)節(jié)點(diǎn)中的html內(nèi)容

click()相應(yīng)鼠標(biāo)點(diǎn)擊事件

keyup()相應(yīng)鍵盤(pán)彈起事件

$.get()可以和服務(wù)器進(jìn)行g(shù)et方式的交互，注冊(cè)的callback方法會(huì)在數(shù)據(jù)回來(lái)的時(shí)候被調(diào)用，此方法會(huì)接收到代表服務(wù)器端返回?cái)?shù)據(jù)的一個(gè)純文本的參數(shù)

addClass()removeClass()給某個(gè)節(jié)點(diǎn)增加或刪除一個(gè)class

解決中文亂碼問(wèn)題：發(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;

/**

 * 用戶名驗(yàn)證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)存在，請(qǐng)使用別的用戶名注冊(cè)");

        } else {

          out.println("可以使用用戶名[" + userName + "]注冊(cè)");

        }

      }

    } 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>

}

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