基于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 23 jQuery
jquery.uploadView 实现图片预览上传功能
Aug 10 jQuery
jQuery 禁止表单用户名、密码自动填充功能
Oct 30 jQuery
jQuery实现的下雪动画效果示例【附源码下载】
Feb 02 jQuery
JS/jQuery实现DIV延时几秒后消失或显示的方法
Feb 12 jQuery
jQuery+Cookie实现切换皮肤功能【附源码下载】
Mar 25 jQuery
jQuery实现模糊查询的方法分析
May 10 jQuery
jquery实现二级导航下拉菜单效果实例
May 14 jQuery
jQuery实现的记住帐号密码功能完整示例
Aug 03 jQuery
jQuery擦除插件eraser使用方法详解
Jan 11 jQuery
jQuery实现飞机大战小游戏
Jul 05 jQuery
JavaScript枚举选择jquery插件代码实例
Nov 17 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 防注入函数(格式化数据)
2011/08/08 PHP
用PHP编写和读取XML的几种方式
2013/01/12 PHP
分享一个php 的异常处理程序
2014/06/22 PHP
PHP 5.3和PHP 5.4出现FastCGI Error解决方法
2015/02/12 PHP
TP5框架实现自定义分页样式的方法示例
2020/04/05 PHP
laravel使用数据库测试注意事项
2020/04/10 PHP
javascript js cookie的存储,获取和删除
2007/12/29 Javascript
javascript控制swfObject应用介绍
2012/11/29 Javascript
JS小功能(button选择颜色)简单实例
2013/11/29 Javascript
javascript抽象工厂模式详细说明
2014/12/16 Javascript
JS实现点击事件统计的简单实例
2016/07/10 Javascript
最实用的jQuery分页插件
2016/10/09 Javascript
vue利用v-for嵌套输出多层对象,分别输出到个表的方法
2018/09/07 Javascript
vue项目引入Iconfont图标库的教程图解
2018/10/24 Javascript
JavaScript 继承 封装 多态实现及原理详解
2019/07/29 Javascript
python中pygame模块用法实例
2014/10/09 Python
用 Python 爬了爬自己的微信朋友(实例讲解)
2017/08/25 Python
python编辑用户登入界面的实现代码
2018/07/16 Python
python 多进程共享全局变量之Manager()详解
2019/08/15 Python
Python进度条的制作代码实例
2019/08/31 Python
python实现发送form-data数据的方法详解
2019/09/27 Python
Python实现病毒仿真器的方法示例(附demo)
2020/02/19 Python
selenium框架中driver.close()和driver.quit()关闭浏览器
2020/12/08 Python
英国最大的纸工艺品商店:CraftStash
2018/12/01 全球购物
Talbots官网:美国成熟女装品牌
2019/11/15 全球购物
外贸英语专业求职信范文
2013/12/25 职场文书
社区工作感言
2014/02/21 职场文书
法制宣传月活动总结
2014/04/29 职场文书
给市场的环保建议书
2014/05/14 职场文书
投标承诺书怎么写
2014/05/24 职场文书
会议营销主持词
2015/07/03 职场文书
2016入党积极分子考察评语
2015/12/01 职场文书
什么是创业计划书?什么是商业计划书?这里一一解答
2019/07/12 职场文书
分析Python感知线程状态的解决方案之Event与信号量
2021/06/16 Python
使用refresh_token实现无感刷新页面
2022/04/26 Javascript
利用nginx搭建RTMP视频点播、直播、HLS服务器
2022/05/25 Servers