jquery servlet jsp完成用户名存在验证 $.ajax（）

最新推荐文章于 2021-08-06 00:15:08 发布

starnc_2007

最新推荐文章于 2021-08-06 00:15:08 发布

阅读量76

点赞数

分类专栏： JQuery 文章标签： Ajax Servlet jQuery JSP Bean ViewUI

JQuery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

好不容易做出来了，sharing，网上类似的东西挺少，而且还有错的，给大家看个demo，附件里有myeclipse的工程，可以下载运行

<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>   
<head>   
<script src="js/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">    
  
  
function validatorloginName(){   
   
 var loginName=document.getElementById("loginName").value;   
 $.ajax({
        type: "POST",    
         url: "VaildateName",    
          data: "loginName="+loginName, 
         success: function(data){     
    if(data=="true"){   
     alert("用户名可用");  
   
    }else{   
     alert("用户名已存在");   
 
    }   
  }          
        });   
}   
  
   
</script>
</head>   
  
<body>   
  
   <FORM id="myform" method="post">   
  
      <INPUT class=text id="loginName" title=通行证用户名 size=18  name="loginName" >   
          
        <INPUT id=confirm type="button" value=注册帐号 οnclick="validatorloginName();"/>   
  
    <FORM>   
  
</body>   
  
</html>

还有一个web.xml和servlet就不贴出来了，在附件里。用的是jquery1.3.1，也打包进去了。