网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > Javascript
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.JavaScript类的静态成员及其修改.
.冒泡算法的三种JavaScript表示.
.javascript写的Hashtable类.
.预装载以及JavaScript Image()对.
.用javascript实现select的美化.
.40种网页常用小技巧(javascript).
.Javascript实例教程(20) OLE Aut.
.对JavaScript的eval()中使用函数.
.Javascript实例教程(20) OLE Aut.
.比较高效的表格行背景变色及选定.
.如何利用IE进行JavaScript脚本调.
.125个常用javascript语句.
.网页javascript精华代码集.
.JavaScript模拟ACDSEE简单功能.
.为JavaScript的String增加Trim函.
.JavaScript中避免Form重复提交的.
.JavaScript拖放效果分析.
.JavaScript打开EXCEL后,最后释放.
.Javascript实例教程(2) 创建折叠.
.利用javascript从数据库取数据来.

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

发表日期:2006-5-26


使用示例
<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

上一篇:用js写的一个跑马灯 人气:14263
下一篇:调试javascript的好方法 人气:22621
浏览全部进度条的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐