当有“Button1.Attributes.Add("onclick", "return confirm('你确定要保存修改吗?')");”时,验证控件失效的解决方法
同一个页面用Js和服务器验证控件OnClientClick提交问题
实现功能:
点击Button按钮的OnClientClick事件,不会影响服务器验证控件的验证功能
(验证不通过,则不提交服务器页面)
背景:
1.
在同一个页面有服务器验证控件(RegularExpressionValidator),多个
2.
有Javascript函数,实现验证和其他功能
3.
Button按钮,有两个事件OnClick,OnClientClick
方法:
HTML页面
验证控件:
<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>
--------------------- 本文来自 shfongfeng 的CSDN 博客 ,全文地址请点击:https://blog.csdn.net/shfongfeng/article/details/5985600?utm_source=copy