会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
北京欢迎你
小猫会武术
博客园
首页
新随笔
联系
管理
订阅
同一个页面用Js和服务器验证控件OnClientClick提交问题
实现功能:
点击Button按钮的
OnClientClick事件,不会影响服务器验证控件的验证功能
(验证不通过,则不提交服务器页面)
背景
:
1. 在同一个页面有服务器验证控件(
RegularExpressionValidator
),多个
2. 有Javascript函数,实现验证和其他功能
3. Button按钮,有两个事件
OnClick
,
OnClientClick
方法:
HTML页面
验证控件:
Code
<
asp:TextBox ID
=
"
txt_Test
"
runat
=
"
server
"
Width
=
"
120px
"
MaxLength
=
"
8
"
></
asp:TextBox
>
<
asp:RegularExpressionValidator ID
=
"
validator_Test
"
runat
=
"
server
"
ControlToValidate
=
"
txt_Test
"
ErrorMessage
=
"
数字
"
ValidationExpression
=
"
^\d+$
"
></
asp:RegularExpressionValidator
>
按钮:
<
asp:ImageButton ID
=
"
btnPutin
"
runat
=
"
server
"
Text
=
"
提 交
"
OnClick
=
"
btnPutin_Click
"
OnClientClick
=
"
if(CheckClientValidate()) { return CheckNullValue()}
"
ImageUrl
=
"
../images/submit1.gif
"
/>
脚本:
<
script type
=
"
text/javascript
"
>
//
返回,服务器验证控件是否成功
//
Author: ADD by Aprillee at 2007-12-27
//
Example: OnClientClick="if(CheckClientValidate()) { return CheckNullValue()}"
function CheckClientValidate()
{
Page_ClientValidate();
if
(Page_IsValid)
{
return
true
;
}
else
{
return
false
;
}
}
//
以下为自定义脚本功能
function CheckNullValue()
{
alert(
'
Test
'
);
}
</
script
>
posted @
2007-12-27 19:28
杨少
阅读(
1912
) 评论(
6
)
编辑
收藏
举报
刷新页面
返回顶部