zoukankan
html css js c++ java
修改后的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(
"
<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
=
"
180px;
"
/></
td
>
</
tr
>
<
tr
>
<
td
>
密 码:
</
td
>
<
td colspan
=
"
2
"
><
input type
=
"
password
"
tabindex
=
"
2
"
id
=
"
password
"
name
=
"
password
"
chname
=
"
密码
"
notempty
=
"
true
"
size
=
"
20
"
style
=
"
180px;
"
/></
td
>
</
tr
>
<
tr
>
<
td
>
验证码:
</
td
>
<
td colspan
=
"
2
"
>
<
input type
=
"
text
"
style
=
"
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下载
查看全文
相关阅读:
windbg学习.expr和masm表达式
ThisCall调用分析
windbg学习 gc j(Execute IfElse).if
windbg学习¥{} Alias Interpreter 别名解释器
windbg学习!vadump和.hh和!vprotc
windbg学习 .lines
windbg学习条件断点
$<, $><, $$<, $$><, $$>a< (Run Script File)
windbg学习?? 和 ?
vimbook–OPL –official publications library
原文地址:https://www.cnblogs.com/yesun/p/408942.html
最新文章
AJAX下客户端调用服务端页面方法
js图形报表
英文求职信
在Asp.net中操作IIS的虚拟目录(C#)
ASP.NET 2.0 中改进的缓存功能
可输入的Web下拉列表框控件
Qt在MSVC 6.0上编译~~
CRC从原理到实现
在Visual Studio 2005中安装Qt 4.3.2
在Visual C++ 6.0的环境下,编写Qt程序
热门文章
伽罗瓦群论的诞生
MySQL5解压缩版windows下安装配置应用
C# 复制类内容
什么是群论?群论的发展?
Windows常用命令
Js页面上动态画点,并给该点赋事件
测量地图,给shp文件赋参考坐标系,并给mxd文档中的数据框架设置投影类型
已知经纬度坐标导入ArcMap生成shp格式文件
ArcGIS 绘制一幅完整的地图(转)
动态创建的Combobox显示下拉滚动条
Copyright © 2011-2022 走看看