1. 程式人生 > >spring--mvc用戶註冊用戶名驗重

spring--mvc用戶註冊用戶名驗重

RM 代碼 return count sele -s ring UC --

          spring--mvc用戶註冊用戶名驗重

    註冊是驗證用戶名是否重復。post方法,當表單的用戶名文本框失去焦點時,由ajax方法指定,進行@RequestMapping指定的url提交時調用的方法。

    dao映射代碼。傳入一個對象,用對象uname屬性顏色

<!-- 用戶重名查詢 -->
    <select id="queryByUname" resultType="int" parameterType="com.bean.UsersBean">
        select
        count(*) from users where uname=#{uname}
    
</select>

    service層代碼:

/**
     * 判斷用戶名是否已經註冊
     * 
     * @param user
     * @return
     */
    public int haveUsers(UsersBean user);

    controller代碼:

    @Resource(name = "usersService")
    private IUsersService usersService;

    /**
     * 當表單的用戶名文本框失去焦點時,由ajax方法指定,進行@RequestMapping指定的url提交時調用的方法
     * 
     * 
@param uesr * @return */ @RequestMapping(value = "/isVaildUname", method = { RequestMethod.POST }, produces = "application/json;charset=UTF-8") public @ResponseBody int isVaildUname(String uname) { UsersBean user = new UsersBean(); user.setUname(uname);
return usersService.haveUsers(user); }

    頁面jsp代碼:

<form action="" method="post">
        用戶名:<input type="text" name="uname" id="uname">
        <div id="div"></div>
        密碼:<input type="password" name="upass"> 
        <input type="submit" value="Register">
    </form>

     jQuery代碼:

$(function() {
        $("#uname").blur(function() {
            $.post("${path}/users/isVaildUname.action", {
                uname : $(this).val()
            }, function(data) {
                if (data > 0) {
                    $("#div").html("用戶名已存在!");
                    $(this).select();
                } else {
                    $("#div").html("ok");
                }
            });
        });
    });

    完成後記得將jquery的代碼引入jsp頁面。

運行後!!

    技術分享圖片

    多整理筆記。畢竟我這個人記性不太好。

Or

    技術分享圖片

spring--mvc用戶註冊用戶名驗重