基于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动态追加页面数据以及事件委托详解
May 06 jQuery
jQuery遍历节点方法汇总(推荐)
May 13 jQuery
jQuery remove()过滤被删除的元素(推荐)
Jul 18 jQuery
详解jquery选择器的原理
Aug 01 jQuery
jQuery实现菜单栏导航效果
Aug 15 jQuery
jQuery+SpringMVC中的复选框选择与传值实例
Jan 08 jQuery
基于jQuery实现Ajax验证用户名是否可用实例
Mar 25 jQuery
jQuery实现轮播图及其原理详解
Apr 12 jQuery
JavaScript前端页面搜索功能案例【基于jQuery】
Jul 10 jQuery
jquery实现自定义树形表格的方法【自定义树形结构table】
Jul 12 jQuery
jQuery pager.js 插件动态分页功能实例分析
Aug 02 jQuery
jquery实现异步文件上传ajaxfileupload.js
Oct 23 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
Http 1.1 Etag 与 Last-Modified提高php效率
2008/01/10 PHP
php生成SessionID和图片校验码的思路和实现代码
2009/03/10 PHP
非常重要的php正则表达式详解
2016/01/04 PHP
PHP防止sql注入小技巧之sql预处理原理与实现方法分析
2019/12/13 PHP
php post换行的方法
2020/02/03 PHP
浅析PHP中json_encode与json_decode的区别
2020/07/15 PHP
jQuery select操作控制方法小结
2010/05/26 Javascript
jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果
2013/04/24 Javascript
解析js如何获取当前url中的参数值并复制给input
2013/06/23 Javascript
Webwork 实现文件上传下载代码详解
2016/02/02 Javascript
详解JavaScript的内置对象
2016/12/07 Javascript
JS实现页面进入和返回定位到具体位置
2016/12/08 Javascript
Vue.js -- 过滤器使用总结
2017/02/18 Javascript
js判断PC端与移动端跳转
2020/12/24 Javascript
浅谈MUI框架中加载外部网页或服务器数据的方法
2018/01/31 Javascript
webstorm+vue初始化项目的方法
2018/10/18 Javascript
JavaScript基于数组实现的栈与队列操作示例
2018/12/22 Javascript
微信小程序关键字变色实现代码实例
2019/12/13 Javascript
[06:33]3.19 DOTA2发布会 海涛、冷冷、2009见证希望
2014/03/21 DOTA
用smtplib和email封装python发送邮件模块类分享
2014/02/17 Python
pygame学习笔记(6):完成一个简单的游戏
2015/04/15 Python
Python与Redis的连接教程
2015/04/22 Python
Python实现对字符串的加密解密方法示例
2017/04/29 Python
python中利用Future对象异步返回结果示例代码
2017/09/07 Python
python判断字符串是否是json格式方法分享
2017/11/07 Python
python实现多进程通信实例分析
2019/09/01 Python
PyQt5 界面显示无响应的实现
2020/03/26 Python
利用纯CSS3实现文字向右循环闪过效果实例(可用于移动端)
2017/06/15 HTML / CSS
跑鞋、网球鞋、网球拍、服装及装备:Holabird Sports
2016/09/19 全球购物
韩国11街:11STREET
2018/03/27 全球购物
公司门卫的岗位职责
2014/02/19 职场文书
校庆筹备方案
2014/03/30 职场文书
《草原的早晨》教学反思
2014/04/08 职场文书
2014年医生工作总结
2014/11/21 职场文书
浅谈Redis中的RDB快照
2021/06/29 Redis
Python图像处理库PIL详细使用说明
2022/04/06 Python