JQuery用户名校验的具体实现


Posted in Javascript onMarch 18, 2016

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

}

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

Javascript 相关文章推荐
javascript入门·对象属性方法大总结
Oct 01 Javascript
Mootools 1.2教程 事件处理
Sep 15 Javascript
在多个页面使用同一个HTML片段《续》
Mar 04 Javascript
那些年,我还在学习jquery 学习笔记
Mar 05 Javascript
javascript浏览器兼容教程之事件处理
Jun 09 Javascript
利用js实现禁止复制文本信息
Jun 03 Javascript
JS简单实现点击复制链接的方法
Aug 03 Javascript
JS 实现可停顿的垂直滚动实例代码
Nov 23 Javascript
微信小程序  wx.request合法域名配置详解
Nov 23 Javascript
浅析JavaScript的几种Math函数,random(),ceil(),round(),floor()
Dec 22 Javascript
angularJs中datatable实现代码
Jun 03 Javascript
vue-content-loader内容加载器的使用方法
Aug 05 Javascript
基于javascript实现页面加载loading效果
Sep 15 #Javascript
JQuery fileupload插件实现文件上传功能
Mar 18 #Javascript
javascript移动开发中touch触摸事件详解
Mar 18 #Javascript
使用JavaScript为Kindeditor自定义按钮增加Audio标签
Mar 18 #Javascript
基于jQuery实现收缩展开功能
Mar 18 #Javascript
基于javascript显示当前时间以及倒计时功能
Mar 18 #Javascript
jQuery.deferred对象使用详解
Mar 18 #Javascript
You might like
从手册去理解分析PHP session机制
2011/07/17 PHP
PHP编码转换函数 自动转换字符集支持数组转换
2012/12/16 PHP
关于ob_get_contents(),ob_end_clean(),ob_start(),的具体用法详解
2013/06/24 PHP
php外部执行命令函数用法小结
2016/10/11 PHP
弹出模态框modal的实现方法及实例
2017/09/19 PHP
jQuery1.3.2 升级到jQuery1.4.4需要修改的地方
2011/01/06 Javascript
jQuery validate插件submitHandler提交导致死循环解决方法
2016/01/21 Javascript
Javascript中匿名函数的调用与写法实例详解(多种)
2016/01/26 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
2016/03/14 Javascript
使用jQuery处理AJAX请求的基础学习教程
2016/05/10 Javascript
js print打印网页指定区域内容的简单实例
2016/11/01 Javascript
jQuery插件WebUploader实现文件上传
2016/11/07 Javascript
js实现无缝滚动图
2017/02/22 Javascript
Angular4 组件通讯方法大全(推荐)
2018/07/12 Javascript
基于D3.js实现时钟效果
2018/07/17 Javascript
详解如何给React-Router添加路由页面切换时的过渡动画
2019/04/25 Javascript
[46:48]DOTA2上海特级锦标赛A组小组赛#2 Secret VS CDEC第三局
2016/02/25 DOTA
[53:15]2018DOTA2亚洲邀请赛3月29日 小组赛A组 KG VS OG
2018/03/30 DOTA
基于 Django 的手机管理系统实现过程详解
2019/08/16 Python
python实现简单的tcp 文件下载
2020/09/16 Python
解决Pymongo insert时会自动添加_id的问题
2020/12/05 Python
Python lxml库的简单介绍及基本使用讲解
2020/12/22 Python
python字典按照value排序方法
2020/12/28 Python
马歇尔耳机官网:Marshall Headphones
2020/02/04 全球购物
员工工作表扬信范文
2014/01/13 职场文书
预备党员入党自我评价范文
2014/03/10 职场文书
合伙协议书
2014/04/23 职场文书
防灾减灾活动总结
2014/08/30 职场文书
临床医学生职业规划书范文
2014/10/25 职场文书
2014年培训工作总结范文
2014/11/27 职场文书
离婚协议书样本
2015/01/26 职场文书
售后前台接待岗位职责
2015/04/03 职场文书
2015年学校工作总结范文
2015/04/20 职场文书
深入理解CSS 中 transform matrix矩阵变换问题
2021/08/30 HTML / CSS
用Python爬取英雄联盟的皮肤详细示例
2021/12/06 Python
在Docker容器中部署SQL Server
2022/04/11 Servers