1. 程式人生 > >當有“Button1.Attributes.Add("onclick", "return confirm('你確定要保存修改嗎?')");”時,驗證控件失效的解決方法

當有“Button1.Attributes.Add("onclick", "return confirm('你確定要保存修改嗎?')");”時,驗證控件失效的解決方法

gif 技術分享 apr fun oval java strong 數字 其他

同一個頁面用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

當有“Button1.Attributes.Add("onclick", "return confirm('你確定要保存修改嗎?')");”時,驗證控件失效的解決方法