基于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树插件zTree使用方法详解
May 02 jQuery
jquery.guide.js新版上线操作向导镂空提示jQuery插件(推荐)
May 20 jQuery
jQuery滚动插件scrollable.js用法分析
May 25 jQuery
jQuery+HTML5实现WebGL高性能烟花绽放动画效果【附demo源码下载】
Aug 18 jQuery
基于jQuery的表单填充实例
Aug 22 jQuery
jQuery实现参数自定义的文字跑马灯效果
Aug 15 jQuery
vue-cli 引入jQuery,Bootstrap,popper的方法
Sep 03 jQuery
利用jquery和BootStrap实现动态滚动条效果
Dec 03 jQuery
jquery实现二级导航下拉菜单效果实例
May 14 jQuery
如何使用CSS3和JQuery easing 插件制作绚丽菜单
Jun 18 jQuery
JQuery中DOM节点的操作与访问方法实例分析
Dec 23 jQuery
jQuery实现简单QQ聊天框
Aug 27 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
各种咖啡的英文名子是什么
2021/03/03 新手入门
PHP Directory 函数的详解
2013/03/07 PHP
PHP设计模式之适配器模式代码实例
2015/05/11 PHP
JavaScript中的单引号和双引号报错的解决方法
2014/09/01 Javascript
node.js中的http.get方法使用说明
2014/12/14 Javascript
js获取内联样式的方法
2015/01/27 Javascript
jQuery遍历页面所有CheckBox查看是否被选中的方法
2015/04/14 Javascript
理解Javascript的call、apply
2015/12/16 Javascript
jQuery+css3实现转动的正方形效果(附demo源码下载)
2016/01/27 Javascript
JS实现响应鼠标点击动画渐变弹出层效果代码
2016/03/25 Javascript
AngularJS 中使用Swiper制作滚动图不能滑动的解决方法
2016/11/15 Javascript
正则表达式,替换所有HTML标签的简单实例
2016/11/28 Javascript
JS正则替换掉小括号及内容的方法
2016/11/29 Javascript
Vue 实用分页paging实例代码
2017/04/12 Javascript
React Native悬浮按钮组件的示例代码
2018/04/05 Javascript
微信小程序使用component自定义toast弹窗效果
2018/11/27 Javascript
vue将data恢复到初始状态 &amp;&amp; 重新渲染组件实例
2020/09/04 Javascript
[00:17]DOTA2荣耀之路5:It’s a disastah!
2018/05/28 DOTA
Python实现获取网站PR及百度权重
2015/01/21 Python
Python读取mp3中ID3信息的方法
2015/03/05 Python
Python下使用Psyco模块优化运行速度
2015/04/05 Python
在Windows服务器下用Apache和mod_wsgi配置Python应用的教程
2015/05/06 Python
python实现用户管理系统
2018/01/10 Python
django 在原有表格添加或删除字段的实例
2018/05/27 Python
Python DataFrame设置/更改列表字段/元素类型的方法
2018/06/09 Python
python学生信息管理系统实现代码
2019/12/17 Python
Python requests及aiohttp速度对比代码实例
2020/07/16 Python
ffmpeg+Python实现B站MP4格式音频与视频的合并示例代码
2020/10/21 Python
最新英语专业学生求职信范文
2013/09/21 职场文书
员工安全承诺书
2014/05/22 职场文书
超市开业庆典活动策划方案
2014/09/15 职场文书
教师政风行风评议心得体会
2014/10/21 职场文书
校长师德表现自我评价
2015/03/05 职场文书
2016年植树节红领巾广播稿
2015/12/17 职场文书
JavaScript canvas实现流星特效
2021/05/20 Javascript
CSS布局之浮动(float)和定位(position)属性的区别
2021/09/25 HTML / CSS