修改后的prototype.js，增加进度条和验证输入框_Web开发_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

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

作者：闵涛文章来源：闵涛的学习笔记点击数：786 更新时间：2009/4/23 11:30:05

使用示例
<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='../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='../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='../images/error.gif' align='absmiddle'> 对不起，登录失败！" + err.message);

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