Rumah > hujung hadapan web > tutorial js > Pelaksanaan khusus nama pengguna JQuery verification_jquery

Pelaksanaan khusus nama pengguna JQuery verification_jquery

WBOY
Lepaskan: 2016-05-16 15:10:10
asal
1420 orang telah melayarinya

Contoh ini berkongsi fungsi pengesahan nama pengguna JQuery untuk semua orang untuk rujukan anda. Kandungan khusus adalah seperti berikut

$(document).ready(function(){}): Tentukan kaedah yang perlu dilaksanakan apabila halaman dimuatkan.
$() mendapat nod yang ditentukan oleh halaman, dan parameternya ialah sejenis pemilih CSS. Apa yang dikembalikan ialah objek JQuery di mana kaedah JQuery boleh dilaksanakan.
Kaedah val() boleh mendapatkan nilai atribut nilai nod
html() menetapkan kandungan html dalam nod
klik() acara klik tetikus yang sepadan
keyup() acara pop timbul papan kekunci sepadan
$.get() boleh berinteraksi dengan pelayan dalam mod get Kaedah panggil balik yang didaftarkan akan dipanggil apabila data datang semula. Kaedah ini akan menerima parameter teks biasa yang mewakili data yang dikembalikan oleh pelayan addClass()removeClass() Tambah atau padamkan kelas pada nod

Selesaikan masalah aksara Cina yang kacau-bilau: Data yang dihantar ke pelayan dikodkan dua kali dalam js, dan kemudian URLDecoded sekali dalam UTF-8 dalam kod pelayan

Kod utama:


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


/*
 * 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>

}
Salin selepas log masuk
Di atas adalah keseluruhan kandungan artikel ini, saya harap ia akan membantu kajian semua orang.

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan