jQuery 验证表单用户名是否已经被注册
2015-02-05 22:39
381 查看
jQuery ajax异步请求最常用的就是当用户注册时,判断用户名是否已经被注册过了。这里给出完整的代码。
ajax_form.jsp
if($("#sp").text()!=""){
alert("请重新选择用户名");
return false;
}
return true;
服务端代码:
FromServlet.java
这里只给出了核心方法的代码。
截图:
ajax_form.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>表单自动校验</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <!-- 引入jquery --> <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.9.1.js"></script> <script type="text/javascript"> var flag = 0; function lost(){ $("#sp").html(""); var datas = $("#form").serialize();//序列化表单的值,把输入的内容用&符号连接起来name=xxx&paw=xxx,用于ajax向后台发送数据 //这个元素是jquery对象,需要转为dom对象,使用数组下标的方法.也可以使用 alert($("#name").val()); $.ajax({ url: "FromServlet", type:"post", data:datas, dataType:"html", beforeSend: function(){ $("#sp").html(""); }, success: function(data, textStatus){ $("#f").html(""); //after的用法:将元素插到指定元素的后面,记住不是包含在里面。这里就是<td></td><span></span>的意思 $("#tt").after("<span id='f'><font fontsize='5' color='red'>"+data+"</font></span>"); }, error:function(XMLHttpRequest, textStatus, errorThrown){ alert(textStatus); } }); } //表单提交前验证是否合法 function form_serialize(){
if($("#sp").text()!=""){
alert("请重新选择用户名");
return false;
}
return true;
} </script> </head> <body> <form action="FromServlet" onSubmit="return form_serialize()" id="form"> <table> <tr> <td>用户名:</td> <td id="tt"><input type="text" name="name" onkeyup="lost()" id="name"/> </td> <tr> <td>密 码</td> <td><input type="password" name="password"/></td> </tr> <tr> <td><input type="submit" value="提交" /></td> <td><input type="reset" value="重置"/></td> </tr> </table> </form> </body> </html>
服务端代码:
FromServlet.java
public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html"); response.setCharacterEncoding("utf-8"); String name = request.getParameter("name"); System.out.println("你输入的是="+name); PrintWriter out = response.getWriter(); //根据用户名判断该用户名是否已经被注册了,若被注册过,则给出提示信息 UserDao userDao = new UserDao(); User user = userDao.getUserByName(name); if(user!=null){ out.println("用户名已经被注册!"); } }
这里只给出了核心方法的代码。
截图:
相关文章推荐
- Jquery与ajax结合实现验证用户名(邮箱是否)已经被注册过
- Jquery、 ajax和struts2+Hibernate查询数据库验证用户名是否存在,表单禁止提交等!
- <记录>Jquery + TP +Ajax 验证用户名是否注册
- Ajax验证用户名是否已经注册(Servlet实现)
- AJAX .NET验证注册用户名是否已经被使用
- Jquery、 ajax和struts2+Hibernate查询数据库验证用户名是否存在,表单禁止提交等!
- ajax+struts2实现验证用户名是否已经被注册
- Validform.js 实时验证用户名是否已经注册过
- Ajax实现表单验证验证用户名是否已经存在
- jquery的ajax登录/注册验证用户名是否被占用
- Struts框架中利用jquery/ajax 验证用户名是否为空,是否已注册
- ajax验证用户名是否被注册 ; ajax提交form表单
- 表单注册验证用户名是否重复——Ajax学习手记
- ssh整合问题总结--使用struts2+Ajax+jquery验证用户名是否已被注册
- JQuery实例(二)- 表单用户名是否可以验证
- asp.net AJAX 验证用户名是否存在 -Jquery
- jquery 注册验证用户名
- asp.net Jquery 验证用户名是否存在 -
- asp.net AJAX 验证用户名是否存在 -Jquery
- JQuery实战第一讲:验证用户名是否可用!