<script src="static/jquery-1.7.1.min.js" language="javascript" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
function createXMLHttpReq(){
if(window.XMLHttpRequest){
return new XMLHttpRequest();
}else if(window.ActiveXObject){
var aVersions=["MSXML2.XMLHttp.6.0",
"MSXML2.XMLHttp.5.0",
"MSXML2.XMLHttp.4.0",
"MSXML2.XMLHttp.3.0",
"MSXML2.XMLHttp",
"Microsoft.XMLHttp"
];
for(var i=0;i<aVersions.length; i++){
try{
var oXmlHttpReq=new ActiveXObject(aVersions[i]);
return oXmlHttpReq;
}catch(oError){}
}
}
throw new Error("不能创建XMLHttpRequest对象。");
}
var oXmlHttpReq=createXMLHttpReq();
function sendRequest(){
if(oXmlHttpReq){
try{
var userName=document.form1.txtUserName.value;
var sData="username"+escape(userName);
if(userName==""){
document.getElementById("msg1").innerHTML="用户名不能为空";
document.getElementById("msg1").style.color="red";
return;
}
oXmlHttpReq.open("POST","DB.jsp",true);
oXmlHttpReq.setRequestHeader("Content-Type","application/json");
oXmlHttpReq.onreadystatechange=callback;
oXmlHttpReq.send(sData);
}catch(oErr){
console.info(oErr);
}
}
}
function callback(){
if(oXmlHttpReq.readyState==4){
if(oXmlHttpReq.status==400){
var sResponse=oXmlHttpReq.responseText;
document.getElementById("msg1").innerHTML=sResponse;
document.getElementById("msg1").style.color="gray";
}
}
}
function checkData(){
var username=document.form1.txtUserName.value;
var password=document.form1.txtPassword.value;
var statue=true;
if(password==""){
document.getElementById("msg2").innerHTML="密码不能为空";
document.getElementById("msg2").style.color="red";
document.form1.txtPassword.focus();
status=false;
}else{
document.getElementById("msg2").innerHTML="";
}
if(username==""){
document.getElementById("msg1").innerHTML="用户名不能为空";
document.getElementById("msg1").style.color="red";
document.form1.txtUserName.focus();
status=false;
}else{
document.getElementById("msg1").innerHTML="";
}
return status;
}
</script>
<form id="form1" name="form1" method="post" action="javascript:alert(document.form1.txtUserName.value);" οnsubmit="return checkData()">
<div id="caption">注册新用户</div>
<table border="0">
<tr>
<td><label for="txtUserName" >用户名:</label></td>
<td><input type="text" name="txtUserName" id="txtUserName" οnblur="sendRequest();"/>
<span id="msg1"></span>
</td>
</tr>
<tr>
<td><label for="txtPassword" >密码:</label></td>
<td><input type="password" name="txtPassword" id="txtPassword" οnblur="sendRequest();" />
<span id="msg2"></span>
</td>
</tr>
<tr>
<td></td>
<td><input type="submit" name="btnReg" id="btnReg" value="提交" /></td>
</tr>
</table>
</form>