脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-SSH框架中用Ajax和jquery检测用户注册名是否重复，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。
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);
}
觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！
以上是脚本宝典为你收集整理的javascript代码实例教程-SSH框架中用Ajax和jquery检测用户注册名是否重复全部内容，希望文章能够帮你解决javascript代码实例教程-SSH框架中用Ajax和jquery检测用户注册名是否重复所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。