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下载
查看全文
相关阅读:
ES6展开运算符的10个用法
用react脚手架新建项目
第六章 组件 56 组件-组件中的data
第六章 组件 55 组件-使用components定义私有组件
第六章 组件 54 组件-创建组件的方式3
第六章 组件 53 组件-创建组件的方式2
第六章 组件 52 组件-创建组件的方式1
第六章 组件 51 组件化和模块化的区别以及组件的定义方式
第五章 动画 50 动画-transition-group中appear和tag属性的作用
第五章 动画 49 动画-实现列表删除和删除时候的动画效果
原文地址:https://www.cnblogs.com/yesun/p/408942.html
最新文章
Centos sudo添加用户
maven 命令
ssh proxy配置
ionic 写一个五星评价(非指令)
ionic 安装遇到的问题以及解决方案
国外程序员网站
HTML5 javascript CSS3 jQuery Mobile一些好用的网站
jquery CDN(内容分发网络)使用
html5_d登陆界面_注册界面
Mac 配置环境变量
热门文章
iOS 键盘的隐藏
could not build module 'uikit'
使用express框架和mongoose在MongoDB更新数据
使用express框架和mongoose在MongoDB删除数据
使用express框架和mongoose在MongoDB查找数据
使用express框架和mongoose在MongoDB新增数据
端口报错listen eaddrinuse:::xxx
react创建项目报错unexpected end of json while parsing near xxx
mongoDB的安装与连接
在vue或者react中使用express框架
Copyright © 2011-2022 走看看