首页 > 编程 > JavaScript > 正文

JQuery用户名校验的具体实现

2019-11-20 10:22:17
字体:
来源:转载
供稿:网友

本实例为大家分享了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>}

以上就是本文的全部内容,希望对大家的学习有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表