首 页 | 精品电影 | 音乐天堂 | 在线游戏 | Flash MTV | 三湘书屋 | 幽默笑话 | 三湘图库 | 美女写真 | IT知识库 | QQ贴图 | 加入书签

网页制作网络编程图形图象操作系统冲浪宝典软件教学网络安全认证考试通信技术电子商务业内动态书籍教程原码

最近更新 文章分类 多媒体类 精品软件

本站搜索:
您的位置:三湘时空 -> IT知识库 -> 文章分类 -> Javascript教程 -> 修改后的prototype.js,增加进度条和验证输入框
修改后的prototype.js,增加进度条和验证输入框


文章类别:Javascript教程 来源: 作者: 发表日期:2006-5-28 字体:[ ]

小游戏 | 在线影院 | 幽默笑话 | 源码下载 | Flash MTV | 音乐试听 | 书屋 | 美女写真

使用示例
<script type="text/javascript" src="http://img.sxsky.net/it/../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="http://img.sxsky.net/it/../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

上一篇:通过System.Web.Mail程序发邮件 下一篇:C#用代码打开软键盘
本栏目热门文章
·javascript+xml实现二级下拉菜单,不会被任何标签或元素遮 2005-10-4
·JavaScript Web页面内容导出到Word、Excel 2005-11-7
·用javascript连接access数据库的方法 2005-10-4
·JAVASCRIPT加密解密终级指南 2005-10-4
·TreeView节点互斥,autopostback=false的方法 2005-10-4
·网页对联广告代码效果大全 2005-11-7
·网页javascript精华代码集 2006-1-6
·Javascript的IE和Firefox兼容性汇编 2005-10-4
·利用JS获取IE客户端IP及MAC的实现 2006-1-10
·javascript应用:实现复选框全选/全不选切换 2006-1-6
新近更新文章
·网页特效:图片随机显示技巧 2006-6-15
·一个非常漂亮的脚本日历 2006-6-15
·用javascript实现(页面正在加载的效果) 2006-6-15
·调试javascript的好方法 2006-6-9
·js代码小记(判断textbox的长度,并且固定最多收入字符) 2006-6-9
·更正用AJAX实现IE TREE无刷新取值的方法 2006-6-4
·修改后的prototype.js,增加进度条和验证输入框 2006-5-28
·用js写的一个跑马灯 2006-5-28
·JS代码的格式化和压缩 2006-5-28
·突破IE屏蔽限制,自己的网站使劲弹新IE窗口 2006-5-22
首 页 | 软件发布 | 广告联系 | 下载帮助 | 意见反馈 | 网站地图
  CopyRight? 2002-2004 WWW.SXSKY.NET? All Rights Reserved
三湘时空 站长QQ:82675303 Email: