开发学院网页设计 JavaScript 修改后的prototype.js，增加进度条和验证输入框阅读

修改后的prototype.js，增加进度条和验证输入框

　2006-05-26 19:52:43　来源：WEB开发网　　　

核心提示：使用示例<script type="text/javascript" src="../scripts/PRototype.js"></script><script type="text/Javascript">var pro

使用示例
<script type="text/javascript" src="../scripts/PRototype.js"></script>
<script type="text/Javascript">
var progressBar;
/**//*
* 功能：admin登录
*/
function UserLogin()
{
　
　 //验证页面控件
　 var checkform = new CheckForm();
　 if(!checkform.checkForm(document.getElementById('formLogin'))) return false;　
　　　
　 //开始提交数据
　 progressBar = new ProgressBar();
　 progressBar.SetStatus("正在发送数据到服务器.");
　
　 var url = "../admin.do";
　 var pars = "action=Login&username=" + $F('username') + "&passWord=" + $F('password') + "&rnd=" +$F('rnd');
　 var myAjax = new Ajax.Request(
　 url,
　 {method: 'post', parameters: pars, onComplete: UserLogin_CallBack}
　 );
}
/**//*
* 功能：admin登录 - CallBack
*/
function UserLogin_CallBack(originalRequest)
{
var objxml = originalRequest.responseXML;
//alert(originalRequest.responseTEXT);
try
{
　 if(objXml.getElementsByTagName("return")[0].firstChild.nodeValue == "true")
　 {
　　 progressBar.isNeedConfirmButton = false;
　　 progressBar.isNeedProgressBar = true;
　　 progressBar.SetStatus("<img src='http://www.cncms.com/images/error.gif' align='absmiddle'> 登录成功，正在载入，请稍候..");

//login success
　　 location.href='admin_index.htm';
　 }
　 else
　 {
　　 progressBar.isNeedConfirmButton = true;
　　 progressBar.isNeedProgressBar = false;
　　 progressBar.focusItem = "username";
　　 progressBar.SetStatus("<img src='http://www.cncms.com/images/error.gif' align='absmiddle'> 对不起，登录失败！" + objXml.getElementsByTagName("msg")[0].firstChild.nodeValue);

$('btnOK').disabled = false;
　 }
}
　 catch(err)
　 {
　　 progressBar.isNeedConfirmButton = true;
　　 progressBar.isNeedProgressBar = false;
　　 progressBar.focusItem = "username";
　　 progressBar.SetStatus("<img src='http://www.cncms.com/images/error.gif' align='absmiddle'> 对不起，登录失败！" + err.message);

$('btnOK').disabled = false;
　 }
}
</script>