var xhr;//聲明全局變量 用來表示XMLHttpRequest對象
//驗證碼的 驗證
function validateCodeCheck(){
xhr = createXhr(); //1.創建XmlHttpRequest對象
var vc = document.getElementById("validate_code").value;
var u=trim(vc);
if(u==""){
document.getElementById("message_vc").innerHTML =
"<strong><font face='楷體' size='3' color='red'>請輸入驗證碼</font></strong>";
document.getElementById("message_vc").focus();
return;
}
var _vc = encodeURI(encodeURI(u));
var myUrl = "<%=request.getContextPath()%>/CheckCreateMaServlet?vc=" + _vc;
//xhr.open("get","CheckIdServlet?id="+_userId+"&now="+mydate,true);
xhr.open("get", convertUrl(myUrl), true); //2.調用open()方法打開一個新的請求
xhr.send(); //3.調用send()方法發送請求到服務器端
xhr.onreadystatechange = myCreateMaCheck; //4.編寫用于處理 readyState 屬性值發生改變的方
}
function myCreateMaCheck() {
if (xhr.readyState == 4 && xhr.status == 200) { //當readyState的屬性為值 為4時表示HTTP 響應已經完全接收
var returnData = xhr.responseText; //當前請求的http狀態碼值200時表示成功
//alert(returnData); //這是雙重保險
if(returnData=="no"){
document.getElementById("validate_code").value="";
document.getElementById("validate_code").focus();
document.getElementById("message_vc").innerHTML =
"<strong><font face='楷體' size='3' color='red'>驗證碼有誤</font></strong>";
}else{
document.getElementById("message_vc").innerHTML =
"<strong><font face='楷體' size='3' color='green'></font></strong>";
}
}
}
</script>
<body>
<li>
<label class="lable-t">驗證碼：</label>
<input type="text" name="validate_code" id="validate_code" size="10"
maxlength="4" style="height:25px; vertical-align:middle"
value="" onblur="validateCodeCheck();"/>
<label id="message_vc"></label>
<img id="idenimage" src="createMa.jsp" alt="" />
<a href="#" onclick="idenfunc();" class="blue">看不清</a>
</li>
</body>