動態顯示圖形驗證碼
阿新 • • 發佈：2019-01-07
圖形驗證碼與username繫結，當password輸入錯誤記錄一次，錯誤次數達到預設值時顯示圖形驗證碼，要求輸入圖形驗證碼才能繼續登入。
輸入錯誤次數繫結到使用者身上，當正確登入後，清除使用者身上記錄的密碼錯誤次數。
使用<label for="id">指向username的input標籤的id。
<label for="username"></label>
<form:input id="username"/>
對username做焦點事件focus.
focus主要對當前使用者校驗是否需要展示圖形驗證碼，如果已經顯示要對驗證碼重新整理。
再對username做焦點離開事件blur
blur事件在使用者輸入完使用者名稱後，離開username，觸發事件，校驗當前使用者是否需要顯示圖形驗證碼。
$(function(){
$("#username").focus();
if (showImageCode == "true"){
refreshCode();
showRandomCode();
}
checkShowCaptcha();
}
$("#username").blur(function(){
if (showImageCode != "true"){
checkShowCaptcha();
}
});
});