论坛首页 Web前端技术论坛

jquery servlet jsp完成用户名存在验证 $.ajax()

浏览 8392 次
精华帖 (0) :: 良好帖 (1) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2009-04-09   最后修改:2009-04-09

好不容易做出来了,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=注册帐号 onclick="validatorloginName();"/>   
  
    <FORM>   
  
</body>   
  
</html>  

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

   发表时间:2009-05-28  
你都用jquery了,怎么还要出现这样的语句:

var loginName=document.getElementById("loginName").value;

document.getElementById("loginName")直接用jquery语法,就可以表示的:
$('#loginName')

上面的整体换成这样的写法:

var loginName = $('#loginName').val();
0 请登录后投票
   发表时间:2009-05-29  
请教一下:$.ajax里的URL可以是Bean或者Action么?
0 请登录后投票
   发表时间:2009-05-29  
jasstion 写道
请教一下:$.ajax里的URL可以是Bean或者Action么?

如果后台用了 Struts2,请求 *.action 也未尝不可。
0 请登录后投票
   发表时间:2009-05-29  
jasstion 写道
请教一下:$.ajax里的URL可以是Bean或者Action么?

就是在浏览器里面输入这个地址 并且能返回json or XML的就可以
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics