or
<asp:Content ID="cMain" ContentPlaceHolderID="cphMain" runat="server"> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="rgvCorporateSummary"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="rgvCorporateSummary" LoadingPanelID="rgvCorporateSummaryLoadingPanel" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager> <telerik:RadAjaxLoadingPanel ID="rgvCorporateSummaryLoadingPanel" runat="server"> </telerik:RadAjaxLoadingPanel> <telerik:RadGrid ID="rgvCorporateSummary" runat="server" AutoGenerateColumns="false" ShowStatusBar="true" ShowFooter="true" Skin="WebBlue" OnCustomAggregate="rgvCorporateSummary_CustomAggregate" OnNeedDataSource="rgvCorporateSummary_NeedDataSource" OnDetailTableDataBind="rgvCorporateSummary_DetailTableDataBind" OnItemCreated="rgvCorporateSummary_ItemCreated"> <FooterStyle BackColor="#718CA1" ForeColor="White" /> <MasterTableView DataKeyNames="LocationID" AllowMultiColumnSorting="True" HorizontalAlign="Right" Width="100%"></MasterTableView> </telerik:RadGrid></asp:Content><%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>...<telerik:RadScriptManager ID="rdScriptManager" runat="server" EnablePartialRendering="true" AsyncPostBackTimeout="3600"> <Scripts> ... </Scripts> </telerik:RadScriptManager><telerik:RadDatePicker ID="rdpDateTimeField" runat="server" Skin="Office2007" Width="150px" MinDate="1/1/1900" EnableTyping="false" ToolTip="Please select date using the calendar icon."> <Calendar ShowRowHeaders="false"> </Calendar></telerik:RadDatePicker>I have a simple form with two masked text boxes for phone numbers and two regular expression validators that are validating the phone numbers. If the Masked Text Boxes are left alone and never get focus, they do not trigger the validation. But once the Text Box gets focus, it sets the value to be a blank masked value with no numbers. This causes the Regular Expression validators to be triggered when the page is submitted.
Anyone have any ideas on a way around this?
...<div> <asp:ValidationSummary ID="ValidationSummary1" runat="server" ValidationGroup="ProfileUpdateValidationGroup" /> <dl> <dt>Work Phone</dt> <dd><telerik:RadMaskedTextBox ID="WorkPhone" runat="server" CssClass="rfdRoundedCorners" Mask="(###) ###-####" PromptChar="" ValidationGroup="ProfileUpdateValidationGroup" HideOnBlur="True" /><asp:RegularExpressionValidator ID="WorkPhoneRegularExpressionValidator" runat="server" ErrorMessage="Please enter a valid phone number for Work Phone" ToolTip="Please enter a valid phone number for Work Phone" ValidationGroup="ProfileUpdateValidationGroup" ControlToValidate="WorkPhone" Display="Static" ValidationExpression="((\(\d{3}\) ?)|(\d{3}-))?\d{3}-\d{4}" CssClass="Sprite18 Imp">* </asp:RegularExpressionValidator></dd> <dt>Mobile Phone</dt> <dd><telerik:RadMaskedTextBox ID="MobilePhone" runat="server" Mask="(###) ###-####" HideOnBlur="true" PromptChar="" CssClass="rfdRoundedCorners" ValidationGroup="ProfileUpdateValidationGroup" /><asp:RegularExpressionValidator ID="MobilePhoneRegularExpressionValidator" runat="server" ErrorMessage="Please enter a valid phone number for Mobile Phone." ToolTip="Please enter a valid phone number for Mobile Phone." ValidationGroup="ProfileUpdateValidationGroup" ControlToValidate="MobilePhone" Display="Static" ValidationExpression="((\(\d{3}\) ?)|(\d{3}-))?\d{3}-\d{4}" CssClass="Sprite18 Imp">* </asp:RegularExpressionValidator></dd> </dl></div><telerik:RadButton ID="ButtonSave" runat="server" Text="Save Changes" Style="float: right; top: 0px; left: 0px;" Skin="Office2010Blue" onclick="ButtonSave_Click" ValidationGroup="ProfileUpdateValidationGroup" />...<telerik:RadScriptManager ID="DefaultRadScriptManager" runat="server" EnableScriptCombine="true" EnableEmbeddedjQuery="false"> <Scripts> <asp:ScriptReference Path="~/Scripts/jquery-1.7.2.min.js" /> <asp:ScriptReference Path="~/Scripts/jquery.corner.js" /> <asp:ScriptReference Path="~/Scripts/jquery.blockUI.js" /> </Scripts> </telerik:RadScriptManager>
<telerik:RadAjaxLoadingPanel ID="ralpAssign" runat="server" /> <telerik:RadAjaxManager ID="ramAssign" runat="server"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="rbtnOK"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="rbtnOK" UpdatePanelRenderMode="Inline" /> <telerik:AjaxUpdatedControl ControlID="rgAssigningDetails" LoadingPanelID="ralpAssign" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager> what happen is when i use any browser except IE i get the following : the first click the loading panel display but after the first postback when i try to click on the button the loading panel not display. kindly let me know why that behavior happen.