jQuery如何實現(xiàn)Ajax驗證用戶名唯一性功能

這篇文章給大家分享的是有關(guān)jQuery如何實現(xiàn)Ajax 驗證用戶名唯一性功能的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

成都創(chuàng)新互聯(lián)公司為客戶提供專業(yè)的網(wǎng)站制作、網(wǎng)站建設(shè)、程序、域名、空間一條龍服務(wù)，提供基于WEB的系統(tǒng)開發(fā). 服務(wù)項目涵蓋了網(wǎng)頁設(shè)計、網(wǎng)站程序開發(fā)、WEB系統(tǒng)開發(fā)、微信二次開發(fā)、移動網(wǎng)站建設(shè)等網(wǎng)站方面業(yè)務(wù)。

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");
      //如果賬號輸入不為空，執(zhí)行該方法
      if(account !=""){
        $.ajax({
          url:"${basePath}nsfw/userAction_verifyAccout.action",//后臺查詢驗證的方法
          data:{"user.account": account},//攜帶的參數(shù)
          type: "post",
          success: function(msg){
            //根據(jù)后臺返回前臺的msg給提示信息加HTML
            if("true" !=msg){
              // 賬號已經(jīng)存在
              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如何實現(xiàn)Ajax 驗證用戶名唯一性功能

感謝各位的閱讀！關(guān)于“jQuery如何實現(xiàn)Ajax 驗證用戶名唯一性功能”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

文章標題：jQuery如何實現(xiàn)Ajax驗證用戶名唯一性功能
標題網(wǎng)址：http://jinyejixie.com/article40/ggeseo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營銷推廣、微信小程序、網(wǎng)站設(shè)計公司、ChatGPT、微信公眾號、動態(tài)網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

jQuery如何實現(xiàn)Ajax驗證用戶名唯一性功能