jQuery实现简单的用户名验证
2016-09-06 18:21
330 查看
jQuery.get()函数的详细使用可以参考这里。注意get方式需要使用
解决乱码问题。
源码如下:ajax.html
ajaxservlet.java
web.xml代码片段
verify.js
resp.setContentType("text/html;charset=utf-8"); String old = req.getParameter("name"); String name = new String(old.getBytes("iso-8859-1"),"utf-8");
解决乱码问题。
源码如下:ajax.html
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>用户名校验</title> <script src="js/jquery-2.1.1.min.js" type="application/javascript"></script> <script src="js/verify.js" type="application/javascript"></script> </head> <body> 请输入用户名: <br /> <input type="text" id="userName" /> <input type="button" value="校验" onclick="verify()"> <div id="result"></div> </body> </html>
ajaxservlet.java
package com.count.Online;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
/**
* Created by root on 2016/9/6.
*/
public class ajaxservlet extends HttpServlet {
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
doGet(req, resp);
}
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
try {
resp.setContentType("text/html;charset=utf-8"); String old = req.getParameter("name"); String name = new String(old.getBytes("iso-8859-1"),"utf-8");
PrintWriter out = resp.getWriter();
System.out.println(name);
if (old == null || old.length() == 0) {
out.print("用户名不能为空");
} else {
if (name.equals("大白喵")) {
out.println("用户名【" + name + "】已经存下,请使用其他用户名");
} else {
out.println("用户名【" + name + "】不存在,可以使用");
}
}
} catch (Exception e) {
e.printStackTrace();
}
}
}
web.xml代码片段
<servlet> <servlet-name>ajaxServlet</servlet-name> <servlet-class>com.count.Online.ajaxservlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>ajaxServlet</servlet-name> <url-pattern>/ajaxservlet</url-pattern> </servlet-mapping>
verify.js
/** * Created by root on 2016/9/6. */ function verify() { var jqueryObj = $("#userName"); var userName = jqueryObj.val(); $.get("ajaxservlet?name=" + userName, null, callback); function callback(data) { var resultObj = $("#result"); resultObj.html(data); } }
相关文章推荐
- 利用jQuery实现的Ajax 验证用户名是否存在
- 基于jQuery实现的Ajax 验证用户名是否存在的实现代码
- 天易21----jquery实现简单的表单验证
- 一个简单的ajax|jquery实现的留言板(未做安全验证)
- Jquery的小案例4、实现表单的验证(用户名和邮箱)
- Ajax技术验证用户名是否可用,简单实现
- ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
- Jquery与ajax结合实现验证用户名(邮箱是否)已经被注册过
- 使用jQuery实现无刷新效果验证用户名
- jQuery 与 AJAX 实现失去焦点验证用户名是否合格
- 利用jQuery实现的Ajax 验证用户名是否存在
- ASP.NET jQuery 食谱11 (通过使用jQuery validation插件简单实现用户登录页面验证功能)
- 简单ajax应用实例:ajax+jsp实现用户名验证
- 利用jQuery实现的Ajax 验证用户名是否存在
- 简单自定义实现jQuery验证
- 简单自定义实现jQuery验证
- 艾伟_转载:利用jQuery实现的Ajax 验证用户名是否存在
- php+jquery+ajax实现用户名验证
- Jquery的小案例4、实现表单的验证(用户名和邮箱)
- JQuery实现用户名无刷新验证的小例子