基于jQuery实现的Ajax 验证用户名唯一性实例代码


Posted in jQuery onJune 28, 2017

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 验证用户名唯一性实例代码

基于jQuery实现的Ajax 验证用户名唯一性实例代码

以上所述是小编给大家介绍的基于jQuery实现的Ajax 验证用户名唯一性实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

jQuery 相关文章推荐
纯jQuery实现前端分页功能
Mar 23 jQuery
jQuery实现拖动效果的实例代码
Jun 25 jQuery
jQuery动画_动力节点节点Java学院整理
Jul 04 jQuery
基于Jquery Ajax type的4种类型(详解)
Aug 02 jQuery
基于jQuery的$.getScript方法去加载javaScript文档解析
Nov 08 jQuery
jQuery简单实现向列表动态添加新元素的方法示例
Dec 25 jQuery
jQuery图片查看插件Magnify开发详解
Dec 25 jQuery
基于jquery的on和click的区别详解
Jan 15 jQuery
基于jQuery的时间戳与日期间的转化
Jun 21 jQuery
jquery多级树形下拉菜单的实例代码
Jul 09 jQuery
jquery获取input输入框中的值
Nov 13 jQuery
jquery实现点击弹出对话框
Feb 08 jQuery
jQuery、layer实现弹出层的打开、关闭功能
Jun 28 #jQuery
各种选择框jQuery的选中方法(实例讲解)
Jun 27 #jQuery
基于jQuery封装的分页组件
Jun 26 #jQuery
jQuery.Form实现Ajax上传文件同时设置headers的方法
Jun 26 #jQuery
jQuery实现一个简单的验证码功能
Jun 26 #jQuery
jQuery+C#实现参数RSA加密传输功能【附jsencrypt.js下载】
Jun 26 #jQuery
jQuery实现frame之间互通的方法
Jun 26 #jQuery
You might like
php递归创建和删除文件夹的代码小结
2012/04/13 PHP
PHP+jquery实时显示网站在线人数的方法
2015/01/04 PHP
利用PHP自动生成印有用户信息的名片
2016/08/01 PHP
this[] 指的是什么内容 讨论
2007/03/24 Javascript
js实现翻页后保持checkbox选中状态的实现方法
2012/11/03 Javascript
javascript修改IMG标签的src问题
2014/03/28 Javascript
JavaScript简单下拉菜单实例代码
2015/09/07 Javascript
JavaScript ES5标准中新增的Array方法
2016/06/28 Javascript
jQuery EasyUI学习教程之datagrid点击列表头排序
2016/07/09 Javascript
Nodejs中使用captchapng模块生成图片验证码
2017/05/18 NodeJs
关于javascript获取内联样式与嵌入式样式的实例
2017/06/01 Javascript
React-Native 组件之 Modal的使用详解
2017/08/08 Javascript
JS随机排序数组实现方法分析
2017/10/11 Javascript
vue自定义指令实现方法详解
2019/02/11 Javascript
Vue的生命周期操作示例
2019/09/17 Javascript
深入理解javascript prototype的相关知识
2019/09/19 Javascript
Javascript如何实现双指控制图片功能
2020/02/25 Javascript
解决vue动态下拉菜单 有数据未反应的问题
2020/08/06 Javascript
React实现轮播效果
2020/08/25 Javascript
原生js实现九宫格拖拽换位
2021/01/26 Javascript
[50:04]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第二局
2016/02/28 DOTA
为Python的Tornado框架配置使用Jinja2模板引擎的方法
2016/06/30 Python
python机器学习库scikit-learn:SVR的基本应用
2019/06/26 Python
pandas实现导出数据的四种方式
2020/12/13 Python
Alexandre Birman美国官网:亚历山大·伯曼
2019/10/30 全球购物
Clarks鞋澳大利亚官方网站:Clarks Australia
2019/12/25 全球购物
制冷与电控专业应届生求职信
2013/11/11 职场文书
应聘自荐信
2013/12/14 职场文书
社区学习十八大感想
2014/01/22 职场文书
公司中秋节活动方案
2014/02/12 职场文书
篮球赛口号
2014/06/18 职场文书
安全保卫工作竞聘材料
2014/08/25 职场文书
优秀党员主要事迹材料
2015/11/04 职场文书
Python字符串格式化方式
2022/04/07 Python
win10清理dns缓存
2022/04/19 数码科技
PostgreSQL常用字符串分割函数整理汇总
2022/07/07 PostgreSQL