JQuery验证表单例子
JSP页面代码:
<head>
<script type="text/javascript" src="js/check.js"></script>
<script type="text/javascript" src="js/jquery-1.2.6.js"></script>
</head>
<body>
<input type="text" id="uid">
<input type="button" id="id" value="提交" onclick="check()"><br>
<font color='red'><div id="show"></div></font><br>
</body>
-------------------------------------------
check.JS页面代码:
function check(){
var vObj=$("#uid");
var vuid=vObj.val();
$.ajax({
type: "POST",
url: "servlet/CheckServlet2",
data: "uid=" + vuid,
dataType: "xml",
success: collback
});
}
function collback(data){
var obj=$(data);
var message=obj.children();
var rs=message.text();
$("#show").html(rs);
}
-----------------------------------------------------
后台java验证代码
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
response.setContentType("text/xml;charset=utf-8");//注意一定要返回格式xml
PrintWriter out = response.getWriter();
String str=request.getParameter("uid");
StringBuffer sb=new StringBuffer();
sb.append("<msg>");//还得加上XML中的元素要标识
if(str==""||str==null){
sb.append("userid error can't null");
}else{
if(!str.equals("123")){
sb.append("userid "+str+"error not the userid exsites");
}else{
sb.append(str+"login success");
}
}
sb.append("</msg>")..toString();
out.println(sb);
}