ajax 检测用户名是否被占用

创建UserDao:

public User getUserByUsername(String username){
  User user = null;
  String sql = "select * from tb_user where u_name = ?";
  try{
   super.getConnection();
   pstm = con.prepareStatement(sql);
   pstm.setString(1, username);
   rs = pstm.executeQuery();
   if(rs.next()){
    user = new User();
    user.setU_id(rs.getInt("u_id"));
    user.setU_name(rs.getString("u_name"));
    user.setU_password(rs.getString("password"));
   }
  }catch (Exception e) {
   System.out.println("-----getUserByUsername() was error!!!-------");
  }finally{
   super.closeAll();
  }
  return user;
 }

 

页面代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>ajax检测用户是否被占用</title>
 <script type="text/javascript">
  function validateUser(){
   var username=$.trim($("#name").val());
   if(!username){
    alert("用户名不能为空!");
    return null;
   }
   $.ajax({
    url:'validateServlet',
    type:'POST',
    data:$("#registerForm").serialize(),
    dataType:'json',
    success:function(data){
     if(data.success==false){
      alert(data.msg);
      return;
     }else{
      alert(data.msg);
      return;
     }
    }
   });
  }
 </script>
  </head>
 
  <body>
    <form id="registerForm" name="registerForm">
    <table>
     <tr>
      <td>用户名:</td>
      <td>
       <input type="text" name="name" id="name" οnblur="validateUser()"/>
       
      </td>
     </tr>
     <tr>
      <td>密码:</td>
      <td>
       <input type="password" name="pwd" id="pwd" />
      </td>
     </tr>
     <tr>
      <td>确认密码:</td>
      <td>
       <input type="password" name="pwd1" id="pwd1" />
      </td>
     </tr>
     <tr>
      <td>性别:</td>
      <td>
       <input type="radio" name="sex" id="m" value="m"/>男
       <input type="radio" name="sex" id="f" value="f"/>女
      </td>
     </tr>
     <tr>
      <td></td>
      <td>
       <input type="submit" value="注 册"/>
       
      </td>
     </tr>
    </table>
    </form>
  </body>
</html>

 

servlet 代码

 

String userName = request.getParameter("name");
  UserDao userDao = new UserDao();
  User user = userDao.getUserByUsername(userName);
  if(user != null){
   JSONKit.outJSONInfo("{success:false,msg:'用户名重复!'}", response);
  }else{
   JSONKit.outJSONInfo("{success:true,msg:'此用户名可以注册!'}", response);
  }

 

如果需要还可以到下载完整代码http://download.csdn.net/detail/zhu_nana/4599031

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值