基於jQuery實現的Ajax 驗證使用者名稱唯一性

來源:互聯網
上載者:User

標籤:type   query   nsf   append   return   function   class   使用者管理   後台   

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 驗證使用者名稱唯一性

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.