欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-03 14:05:22
jsp部分代码: <%@ page contenttype="text/html;charset=utf-8" language="java" %>...

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 验证用户名唯一性实例代码,希望对大家有所帮助