基于jQuery实现的Ajax 验证用户名唯一性实例代码
更新时间：2017年06月28日 17:21:57 作者：卡洛斯利伯
本文分为jsp代码和后台代码给大家介绍了基于jQuery实现的Ajax 验证用户名唯一性，非常不错，具有参考借鉴价值，需要的的朋友参考下吧
JSP部分代码：
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<%@include file="/common/header.jsp"%>
<title>用户管理</title>
<script type="text/javascript">
function doVerify(){
//获取界面的账号
var account = $("#account").val();
//获取账号后的提示信息文本
var accountText = document.getElementById("accountText");
//如果账号输入不为空，执行该方法
if(account !=""){
$.ajax({
url:"${basePath}nsfw/userAction_verifyAccout.action",//后台查询验证的方法
data:{"user.account": account},//携带的参数
type: "post",
success: function(msg){
//根据后台返回前台的msg给提示信息加HTML
if("true" !=msg){
// 账号已经存在
accountText.innerHTML = "<font color='red'>抱歉，"+account+"已被注册，请更换！</font>"
}
else{
// 账号不存在
accountText.innerHTML = "<font color='green'>恭喜，"+account+"可以注册！</font>"
}
}
});
}
}
</script>
</head>
<body class="rightBody">
<tr>
<td class="tdBg" width="200px">帐号：</td>
<td><s:textfield name="user.account" id="account" onchange="doVerify()"/>
<span id="accountText"></span>
</td>
</tr>
</body>
后台代码：
public class UserDAOImpl extends BaseDaoImpl<User> implements UserDAO {
/**
* 校验账号唯一性
*/
@Override
public List<User> findObjectByAccountAndId(String id, String account) {
StringBuilder hqlStr = new StringBuilder("FROM User t WHERE t.account = ?");
if (StringUtils.isNotBlank(id)) {
hqlStr.append(" AND t.id=?");
}
Query query = getSession().createQuery(hqlStr.toString());
query.setParameter(0, account);
if (StringUtils.isNotBlank(id)) {
query.setParameter(1, id);
}
return query.list();
}
效果图：
以上所述是小编给大家介绍的基于jQuery实现的Ajax 验证用户名唯一性实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
获取iframe的document对象进行dom的操作，实现方法很多，下面是jquery的实现过程，喜欢玩iframe的朋友可以参考下2014-10-10
这篇文章主要介绍了jQuery中empty()方法用法,以实例形式分析了empty()方法的功能、定义及将匹配元素中的所有内容移除的使用技巧,需要的朋友可以参考下2015-01-01
jquery批量设置属性readonly和disabled的方法
批量设置属性的方法有很多，在本文为大家介绍下使用jquery批量设置readonly和disabled属性2014-01-01
jQuery插件easyUI实现通过JS显示Dialog的方法
这篇文章主要介绍了jQuery插件easyUI实现通过JS显示Dialog的方法,实例分析了jQuery插件easyUI弹出Dialog的具体实现技巧,需要的朋友可以参考下2016-09-09
本文所要实现的效果广泛应用于当前导航,主要表现为鼠标移到导航上面当前的LI变色，具体实现如下，感兴趣的朋友可以参考下，希望对大家有所帮助2013-08-08
本文分享一段基于jQuery实现的复选框全选、全不选、反选功能的代码，有需要的小伙伴可以参考一下2015-10-10
使用ajax+jqtransform实现动态加载select
本文给大家介绍了使用ajax+jqtransform实现动态加载select，效果非常的不错，这里推荐给大家，有需要的小伙伴直接拿走使用。2014-12-12
jQuery的事件模块是较复杂的，前面仅仅提到了对事件对象的包装。即统一了一些兼容性的问题。这篇会综述下jQuery的整个事件模块。2011-06-06
jQuery EasyUI API 中文文档 - Tabs标签页/选项卡
jQuery EasyUI API 中文文档 - 标签页/选项卡（Tabs）,学习jQuery EasyUI的朋友可以参考下。2011-10-10
下面小编就为大家带来一篇Mui使用jquery并且使用点击跳转新窗口的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
最新评论