当前页面: 开发资料首页 → Javascript 专题 → 修改后的prototype.js，增加进度条和验证输入框

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

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

使用示例
<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(" 登录成功，正在载入，请稍候..");

//login success
location.href='admin_index.htm';
}
else
{
progressBar.isNeedConfirmButton = true;
progressBar.isNeedProgressBar = false;
progressBar.focusItem = "username";
progressBar.SetStatus(" 对不起，登录失败！" + objXml.getElementsByTagName("msg")[0].firstChild.nodeValue);

$('btnOK').disabled = false;
}
}
catch(err)
{
progressBar.isNeedConfirmButton = true;
progressBar.isNeedProgressBar = false;
progressBar.focusItem = "username";
progressBar.SetStatus(" 对不起，登录失败！" + err.message);

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

prototype.js下载http://edzh.com/scripts/prototype.js

</td> </tr> </table>
↑返回目录
前一篇: JS页内查找关键词的高亮显示
后一篇: 减轻JavaScript测试和调试负担