您的位置:首页 > Web前端 > JavaScript

同一个页面用Js和服务器验证控件OnClientClick提交问题

2009-07-09 14:11 691 查看
实现功能:
点击Button按钮的OnClientClick事件,不会影响服务器验证控件的验证功能(验证不通过,则不提交服务器页面)

背景:
1. 在同一个页面有服务器验证控件(RegularExpressionValidator),多个
2. 有Javascript函数,实现验证和其他功能
3. Button按钮,有两个事件OnClick,OnClientClick

<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" />


脚本:
<mce: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');
}

// --></mce:script>


方法:
HTML页面

验证控件:
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: