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 相关文章推荐
模仿jQuery each函数的链式调用
Jul 22 Javascript
详细讲解JS节点知识
Jan 31 Javascript
jquery重复提交请求的原因浅析
May 23 Javascript
javascript排序函数实现数字排序
Jun 26 Javascript
js判断浏览器是否支持严格模式的方法
Oct 04 Javascript
利用JavaScript如何查询某个值是否数组内
Jul 30 Javascript
Vue.js实现按钮的动态绑定效果及实现代码
Aug 21 Javascript
vue使用vue-i18n实现国际化的实现代码
Apr 08 Javascript
vue实现键盘输入支付密码功能
Aug 18 Javascript
在vue.js中使用JSZip实现在前端解压文件的方法
Sep 05 Javascript
Windows下支持自动更新的Electron应用脚手架的方法
Dec 24 Javascript
jQuery实现轮播图源码
Oct 23 jQuery
基于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
全国FM电台频率大全 - 18 湖南省
2020/03/11 无线电
php计算十二星座的函数代码
2012/08/21 PHP
浅析PHP程序设计中的MVC编程思想
2014/07/28 PHP
PHP版QQ互联OAuth示例代码分享
2015/07/05 PHP
深入探究使JavaScript动画流畅的一些方法
2015/06/30 Javascript
freemarker判断对象是否为空的方法
2015/08/13 Javascript
zepto中使用swipe.js制作轮播图附swipeUp,swipeDown不起效果问题
2015/08/27 Javascript
JS使用cookie实现DIV提示框只显示一次的方法
2015/11/05 Javascript
值得分享的Bootstrap Ace模板实现菜单和Tab页效果
2015/12/30 Javascript
js判断登陆用户名及密码是否为空的简单实例
2016/05/16 Javascript
JavaScript比较当前时间是否在指定时间段内的方法
2016/08/02 Javascript
JS正则替换掉小括号及内容的方法
2016/11/29 Javascript
详解angularjs利用ui-route异步加载组件
2017/05/21 Javascript
关于javascript sort()排序你可能忽略的一点理解
2017/07/18 Javascript
基于vue.js路由参数的实例讲解——简单易懂
2017/09/07 Javascript
微信小程序日期时间选择器使用方法
2018/02/01 Javascript
JS同步、异步、延迟加载的方法
2018/05/05 Javascript
Vue.js 中的 v-show 指令及用法详解
2018/11/19 Javascript
JS实现二维数组元素的排列组合运算简单示例
2019/01/28 Javascript
Vue 幸运大转盘实现思路详解
2019/05/06 Javascript
[00:52]黑暗之门更新 新英雄孽主驾临DOTA2
2016/08/24 DOTA
[02:16]2018年度CS GO最具人气选手-完美盛典
2018/12/16 DOTA
Python的collections模块中的OrderedDict有序字典
2016/07/07 Python
为什么str(float)在Python 3中比Python 2返回更多的数字
2018/10/16 Python
python 实现分页显示从es中获取的数据方法
2018/12/26 Python
Python设计模式之策略模式实例详解
2019/01/21 Python
Django重置migrations文件的方法步骤
2019/05/01 Python
Ubuntu18.04中Python2.7与Python3.6环境切换
2019/06/14 Python
Python 复平面绘图实例
2019/11/21 Python
python 使用opencv 把视频分割成图片示例
2019/12/12 Python
完美主义个人的自我评价
2014/02/17 职场文书
党的群众路线教育实践活动个人承诺书
2014/05/22 职场文书
五四青年节演讲稿
2014/05/26 职场文书
2015上半年个人工作总结
2015/07/27 职场文书
Python Pandas常用函数方法总结
2021/06/15 Python
python基础之函数的定义和调用
2021/10/24 Python