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

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

使用示例

<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>

<table width="100%" border="0" cellpadding="3" cellspacing="0">

<tr>

<td colspan="3" height="30"></td>

</tr>

<tr>

<td width="21%">用户名:</td>

<td colspan="2">

<input type="text" tabindex="1" id="username" name="username" chname="用户名" notempty="true" size="20" style="width:180px;" /></td>

</tr>

<tr>

<td>密码:</td>

<td colspan="2"><input type="password" tabindex="2" id="password" name="password" chname="密码" notempty="true" size="20" style="width:180px;" /></td>

</tr>

<tr>

<td>验证码:</td>

<td colspan="2">

<input type="text" style="width:120px;" id="rnd" tabindex="3" chname="验证码" class="input_1" notempty="true" onKeyUp="value=value.replace(/[^\d]/g,'')"/>

<img alt="验证码" src="../rnd.do?type=admin_rnd" border="0" usemap="absmiddle"/></td>

</tr>

<tr>

<td class="white">&nbsp;</td>

<td width="22%"><input type="submit" Class="input_1" id="btnOK" value="登 录" tabindex="4"></td>

<td width="57%"><input type="reset" Class="input_1" value="重 置"></td>

</tr>

<tr>

<td colspan="3" height="2"></td>

</tr>

<tr>

<td colspan="3"></td>

</tr>

</table>

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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航