Ajax印证用户名是否存在
日期：2014-05-16 浏览次数：20587 次
Ajax验证用户名是否存在
我的servlet
现在是输入不存在的用户名，页面不能提交，怎么可以使页面提交
------解决方案--------------------
- HTML code
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
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>
<script language="javascript" src="js/jquery-1.6.4.js"></script>
<script language="javascript">
function checkname(uname){
var us=document.getElementById("us");
var name=trim(uname);
if(name==null||name==""){
us.innerHTML="<font color='red'>用户名不能为空</font>"
return false;
}else if(!/^[a-zA-Z]\w{0,9}$/.test(name)){
us.innerHTML="<font color='red'>用户名开头必须为字母</font>"
return false;
}
else{
us.innerHTML="";
return true;
}
}
function trim(s1){
return s1.replace(/^\s+|\s+$/g,"");//去除空格;
}
function check(){//Ajax
var z=$("#name").val();
$.post("check",{uname:z},function (data){
if(data=="用户名已经存在"){
$("#us").html("<font color='red'>"+data+"</font>");
return false;
}else{
return true;
}
})
}
function checkdata(){
var name=document.getElementById("name");
var pass=document.getElementById("password");
var pass2=document.getElementById("pass");
var email=document.getElementById("email");
if(!checkname(name.value)){
return false;
}
if(!check())
{return false;
}
if($("#us").text=="用户名已经存在"){
return false;
}
$("#my").submit();
return true;
}
</script>
<base href="<%=basePath%>">
<title>My JSP 'MyJsp.jsp' starting page</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">
-->
</head>
<body>
<form action="index.jsp" method="post" id="my">
<table border="0" cellspacing="1" cellpadding="5">
<tr><td>用户名</td>
<td><input type="text" id="name" onblur="checkname(this.value)" name="uname"/></td><td><span id="us">
</span></td></tr>
</table>
<input type="submit" value="注册" onclick="return checkdata()"/> <input type="submit" value="取消"/>
</form>
</body>
</html>
我的servlet
- Java code
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setCharacterEncoding("utf-8");
String uname=request.getParameter("uname");
PrintWriter out=response.getWriter();
if(uname.equals("dada")){
out.print("用户名已经存在");
}
out.flush();
out.close();
}
现在是输入不存在的用户名，页面不能提交，怎么可以使页面提交
------解决方案--------------------
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
