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下载
查看全文
相关阅读:
問題集リンク(DEV I)
認定Platformデベロッパー 試験範囲
React 学习资源
IIS
小学校
リストに項番をつける
七、JavaScript函数
六、JavaScript数组
五、JavaScript流程控制
四、JavaScript操作符
原文地址:https://www.cnblogs.com/yesun/p/408942.html
最新文章
分部类
嵌套类
封装数据
扩展方法
git 删除本地分支和远程分支 恢复
sql 语句 慢查询的优化
hystrix
读写分离
分布式/集群部署的时候session的解决方案?
分布式事务?
热门文章
分库分表
redis 的高可用使用主从架构 哨兵 数据持久化的原理
面试 MQ 中的问题
热部署插件JRebel and XRebel for Intellij的使用
博客列表(积分排名前3000名)
Lightning学習資料
技术学习网站
Platform App Builder 問題リング
Huawei Atlas200DK 学习资源
問題集リンク(DEV II)
Copyright © 2011-2022 走看看