频道栏目
首页 > 资讯 > JavaScript > 正文

SSH框架中用Ajax和jquery检测用户注册名是否重复

13-08-23        来源:[db:作者]  
收藏   我要投稿

1、在lib包库中导入json包,在CSDN下载资源里面搜索,还是比较多的

2、在struts.xml中插入如下代码


[html]
<package name="userjson" namespace="/" extends="json-default"> 
    <action name="userJSONAction_*" method="{1}" class="userAction"> 
        <result type="json"></result> 
    </action> 
  </package> 

<package name="userjson" namespace="/" extends="json-default">
   <action name="userJSONAction_*" method="{1}" class="userAction">
    <result type="json"></result>
   </action>
  </package>3、新建名为user_add.js插件,插入如下代码(以下代码包含必须选择部门或者岗位)


[javascript]
var user = { 
    formValidate: function(){ 
        $("input[type='image']").unbind("click"); 
        $("input[type='image']").bind("click", function(){ 
            if ($("select[name='did'] option:selected").attr("value") == "") { 
                alert("请选择部门"); 
                return false; 
            } 
            else { 
                if (!$("select[name='pids'] option:selected").attr("value")) { 
                    alert("请选择岗位"); 
                    return false; 
                }else{ 
                    if($("#message").text()=="该用户名已经存在"){ 
                        alert("请输入合理的用户名"); 
                        return false; 
                    }else{ 
                        return true;     
                    } 
                } 
                return true; 
            } 
        }); 
    }, 
    inintEvent: function(){ 
        $("input[name='username']").unbind("blur"); 
        $("input[name='username']").bind("blur", function(){ 
            user.checkUser($(this).val()); 
        }); 
    }, 
    checkUser:function(username){ 
        var parameter = { 
            username:username 
        }; 
        $.post("userJSONAction_checkUsername.action",parameter,function(data){ 
            $("#message").text(data.message); 
            if(data.message=="该用户名可以使用"){ 
                $("#message").css("color","blue"); 
            }else{ 
                $("#message").css("color","red"); 
            } 
        });  
    } 
}; 
$().ready(function(){ 
    user.formValidate(); 
    user.inintEvent(); 
}); 

var user = {
    formValidate: function(){
        $("input[type='image']").unbind("click");
        $("input[type='image']").bind("click", function(){
            if ($("select[name='did'] option:selected").attr("value") == "") {
                alert("请选择部门");
                return false;
            }
            else {
                if (!$("select[name='pids'] option:selected").attr("value")) {
                    alert("请选择岗位");
     return false;
                }else{
     if($("#message").text()=="该用户名已经存在"){
      alert("请输入合理的用户名");
      return false;
     }else{
      return true; 
     }
    }
                return true;
            }
        });
    },
    inintEvent: function(){
        $("input[name='username']").unbind("blur");
        $("input[name='username']").bind("blur", function(){
            user.checkUser($(this).val());
        });
    },
 checkUser:function(username){
  var parameter = {
   username:username
  };
  $.post("userJSONAction_checkUsername.action",parameter,function(data){
   $("#message").text(data.message);
   if(data.message=="该用户名可以使用"){
    $("#message").css("color","blue");
   }else{
    $("#message").css("color","red");
   }
  }); 
 }
};
$().ready(function(){
 user.formValidate();
 user.inintEvent();
});4、在UserAction中添加message,并产生get方法


[java]
private String message; 
     
    public String getMessage() { 
        return message; 
    } 

private String message;
 
 public String getMessage() {
  return message;
 }
然后添加如下方法


[java]
public String checkUsername(){ 
    User user = this.userService.getUserByName(this.getModel().getUsername()); 
    if(user==null){ 
        this.message = "该用户名可以使用"; 
    }else{ 
        this.message = "该用户名已经存在"; 
    } 
    return SUCCESS; 

public String checkUsername(){
 User user = this.userService.getUserByName(this.getModel().getUsername());
 if(user==null){
  this.message = "该用户名可以使用";
 }else{
  this.message = "该用户名已经存在";
 }
 return SUCCESS;
}
5、在UserDao类中添加如下方法


[java]
public User getUserByUsername(String username); 

public User getUserByUsername(String username);
在UserDaoImpl类中实现该方法


[java]
public User getUserByUsername(String username) { 
        // TODO Auto-generated method stub  
        List<User> userList = this.hibernateTemplate.find("from User where username=?",username); 
        if(userList.size()==0) 
        { 
            return null; 
        } 
        else 
        { 
            return userList.get(0); 
        } 
    } 

public User getUserByUsername(String username) {
  // TODO Auto-generated method stub
  List<User> userList = this.hibernateTemplate.find("from User where username=?",username);
  if(userList.size()==0)
  {
   return null;
  }
  else
  {
   return userList.get(0);
  }
 }
6、UserService类中添加如下方法


[java]
public User getUserByName(String username); 

public User getUserByName(String username);
接下来在UserServiceImpl中实现该方法


[java]
@Transactional(readOnly=false) 
    public User getUserByName(String username) { 
        // TODO Auto-generated method stub  
        return this.userDao.getUserByUsername(username); 
    } 

相关TAG标签
上一篇:android studio快捷键集合
下一篇:wdcp教程之安装完一键包后安装Discuz! X3.0(适合新手)
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站