实现功能:
点击Button按钮的OnClientClick事件,不会影响服务器验证控件的验证功能
(验证不通过,则不提交服务器页面)
背景 :
1. 在同一个页面有服务器验证控件(RegularExpressionValidator ),多个
2. 有Javascript函数,实现验证和其他功能
3. Button按钮,有两个事件OnClick ,OnClientClick
方法:
HTML页面
验证控件:
< asp:RegularExpressionValidator ID = " validator_Test " runat = " server " ControlToValidate = " txt_Test "
ErrorMessage = " 数字 " ValidationExpression = " ^/d+$ " ></ asp:RegularExpressionValidator >
按钮:
OnClientClick = " if(CheckClientValidate()) { return CheckNullValue()} " ImageUrl = " ../images/submit1.gif " />
脚本:
< script type = " text/javascript " >
// 返回,服务器验证控件是否成功
// Example: OnClientClick="if(CheckClientValidate()) { return CheckNullValue()}"
function CheckClientValidate() {
Page_ClientValidate();
if (Page_IsValid) {
return true ;
}
else {
return false ;
}
}
// 以下为自定义脚本功能
function CheckNullValue()
{
alert( ' Test ' );
}
</ script >