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下载
查看全文
相关阅读:
C#数组学习
关于servlet中要写初始化逻辑应该重载有参还是无参的init
servlet初识servletConfig
servlet通过响应头Content-Disposition实现文件下载效果
response中setCharacterEncoding和setContentType的区别
通过refresh响应头,定时刷新或隔n秒跳转页面
通过location响应头实现重定向
三层交换原理
什么是CLOS架构?
Cat8 八类网线是什么?与Cat5、Cat6、Cat7网线的区别?
原文地址:https://www.cnblogs.com/yesun/p/408942.html
最新文章
C语言头文件
printf 输出格式
C#解决MDI窗体闪屏的方法
SQL Server 2008 2005删除或压缩数据库日志的方法
servlet的开发流程介绍
PHP函数笔记
PHP函数总结 (六)
PHP函数总结 (五)
PHP函数总结 (四)
python爬虫——黑板客老师课程学习
热门文章
python计算机视觉——黑板客老师课程学习
python类——黑板客老师课程学习
pyhton函数——黑板客老师课程学习
python语句表达式——黑板客老师课程学习
python变量——黑板客老师课程学习
基于HOG-3D的时空描述子
战争游戏
调整输入数据数组顺序,奇数在前,偶数在后
实习网申小技巧
C#数组实践
Copyright © 2011-2022 走看看