JQuery用户名校验的具体实现
本实例为大家分享了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
/*
*Tochangethistemplate,chooseTools|Templates
*andopenthetemplateintheeditor.
*/
packagecom.linying;
importjava.io.IOException;
importjava.io.PrintWriter;
importjava.net.URLDecoder;
importjavax.servlet.ServletException;
importjavax.servlet.http.HttpServlet;
importjavax.servlet.http.HttpServletRequest;
importjavax.servlet.http.HttpServletResponse;
/**
*用户名验证Servlet
*@authorYing-er
*@time2010-4-25下午08:02:08
*@version1.0
*/
publicclassUserVerifyextendsHttpServlet{
/**
*ProcessesrequestsforbothHTTP<code>GET</code>and<code>POST</code>methods.
*@paramrequestservletrequest
*@paramresponseservletresponse
*/
protectedvoidprocessRequest(HttpServletRequestrequest,HttpServletResponseresponse)
throwsServletException,IOException{
response.setContentType("text/html;charset=UTF-8");
PrintWriterout=response.getWriter();
try{
Stringparam=request.getParameter("userName");
if(param==null||param.length()==0){
out.println("用户名不能为空");
}else{
StringuserName=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-folddefaultstate="collapsed"desc="HttpServlet">
/**
*HandlestheHTTP<code>GET</code>method.
*@paramrequestservletrequest
*@paramresponseservletresponse
*/
protectedvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)
throwsServletException,IOException{
processRequest(request,response);
}
/**
*HandlestheHTTP<code>POST</code>method.
*@paramrequestservletrequest
*@paramresponseservletresponse
*/
protectedvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)
throwsServletException,IOException{
processRequest(request,response);
}
/**
*Returnsashortdescriptionoftheservlet.
*/
publicStringgetServletInfo(){
return"Shortdescription";
}//</editor-fold>
}
以上就是本文的全部内容，希望对大家的学习有所帮助。