本實例為大家分享了JQuery用戶名校驗功能，分享給大家供大家參考，具體內容如下
$(document).ready(function(){})：定義頁面裝載完成時，需要執行的方法。
$()獲得頁面指定的節點，參數是某種CSS的選擇器。返回的是一個JQuery對象，可在其上執行JQuery方法。
val()方法可以獲得節點的value屬性值
html()設定某個節點中的html內容
click()相應鼠標點擊事件
keyup()相應鍵盤彈起事件
$.get()可以和服務器進行get方式的交互，注冊的callback方法會在數據回來的時候被調用，此方法會接收到代表服務器端返回數據的一個純文本的參數
addClass()removeClass()給某個節點增加或刪除一個class
解決中文亂碼問題：發送給服務器端的數據在js中做兩次encodeURI，然后在服務器端的代碼中按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 + "]已經存在，請使用別的用戶名注冊"); } 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>}以上就是本文的全部內容，希望對大家的學習有所幫助。
新聞熱點
疑難解答
