Good day guys I have this scenario where i want to validations.I want to be able to validate the control using jquery popup dialogs to display error message to the user.
Please help anyone...
here is my markup below
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="EditIncidents.aspx.cs" Inherits="Incident_Monitor.Incidents.EditIncidents" %><%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %><%--<%@ Register TagPrefix="asp" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI, Version=2015.3.930.40, Culture=neutral, PublicKeyToken=121fae78165ba3d4" %>--%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1" runat="server"> <script src="Scripts/jquery-1.9.1.js" type="text/javascript"></script> <link rel="stylesheet" href="Theme/redmond/jquery-ui-1.10.3.custom.css"/> <script src="Scripts/jquery-ui-1.11.4.js" type="text/javascript"></script> <title>Edit Dialog</title> <script type="text/javascript"> $(document).ready(function () { $("#Popdiv").dialog({ autoOpen: false, autoResize: true, resizable: false, modal: true, draggable: false, hide: { effect: "blind" }, title: "Error", open: function (event, ui) { $(this).parent().appendTo("form"); $("#TextBox1").val(""); $("#TextBox1").focus(); $("#TextBox2").val(""); /* $("#TextBox2").focus();*/ //$("#hfisopen").val("true"); }, buttons: { "ok": function () { $(this).dialog("close"); }, } }); }); $("#LoginButton").click(function (e) { ValidateUsertwo(); e.preventDefault(); }); function ValidateUsertwo() { var ID = $find("#<%=cboAccount.ClientID%>"); if (ID == "" || "Select Account") { $("#Popdiv").dialog("open"); return false; } } </script></head><body ID="EditIncident"> <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server"> <StyleSheets> <telerik:StyleSheetReference Path="~/Styles/Site.css" /> <telerik:StyleSheetReference Path="~/App_Themes/iThNk/iThNk.skin" /> </StyleSheets> </telerik:RadStyleSheetManager> <form id="form1" runat="server"> <div> <script type="text/javascript"> function SiteNodeClicking(sender, args) { var comboBox = $find('<%= fvIncidentEdit.FindControl("cboSite").ClientID %>'); var node = args.get_node() comboBox.set_text(node.get_text()); comboBox.trackChanges(); comboBox.get_items().getItem(0).set_text(node.get_text()); comboBox.commitChanges(); comboBox.hideDropDown(); // Call comboBox.attachDropDown if: // 1) The RadComboBox is inside an AJAX panel. // 2) The RadTreeView has a server-side event handler for the NodeClick event, i.e. it initiates a postback when clicking on a Node. // Otherwise the AJAX postback becomes a normal postback regardless of the outer AJAX panel. comboBox.attachDropDown(); } function toggleVisibility(txtOtherTitle) { var control = document.getElementById(txtOtherTitle); if (control.style.visibility == "visible" || control.style.visibility == "") { control.style.visibility = "hidden"; } else { control.style.visibility = "visible"; } } function LocationNodeClicking(sender, args) { var comboBox = $find('<%= fvIncidentEdit.FindControl("cboLocation").ClientID %>'); var node = args.get_node() comboBox.set_text(node.get_text()); comboBox.trackChanges(); comboBox.get_items().getItem(0).set_text(node.get_text()); comboBox.commitChanges(); comboBox.hideDropDown(); // Call comboBox.attachDropDown if: // 1) The RadComboBox is inside an AJAX panel. // 2) The RadTreeView has a server-side event handler for the NodeClick event, i.e. it initiates a postback when clicking on a Node. // Otherwise the AJAX postback becomes a normal postback regardless of the outer AJAX panel. comboBox.attachDropDown(); } function DepartmentNodeClicking(sender, args) { var comboBox = $find('<%= fvIncidentEdit.FindControl("cboDepartment").ClientID %>'); var node = args.get_node() comboBox.set_text(node.get_text()); comboBox.trackChanges(); comboBox.get_items().getItem(0).set_text(node.get_text()); comboBox.commitChanges(); comboBox.hideDropDown(); // Call comboBox.attachDropDown if: // 1) The RadComboBox is inside an AJAX panel. // 2) The RadTreeView has a server-side event handler for the NodeClick event, i.e. it initiates a postback when clicking on a Node. // Otherwise the AJAX postback becomes a normal postback regardless of the outer AJAX panel. comboBox.attachDropDown(); } function CategoryNodeClicking(sender, args) { var comboBox = $find('<%= fvIncidentEdit.FindControl("cboCategory").ClientID %>'); var node = args.get_node() if (node.get_value() == 0) { node.set_selected(false); args.set_cancel(true); } else { comboBox.set_text(node.get_text()); comboBox.trackChanges(); comboBox.get_items().getItem(0).set_text(node.get_text()); comboBox.commitChanges(); comboBox.hideDropDown(); // Call comboBox.attachDropDown if: // 1) The RadComboBox is inside an AJAX panel. // 2) The RadTreeView has a server-side event handler for the NodeClick event, i.e. it initiates a postback when clicking on a Node. // Otherwise the AJAX postback becomes a normal postback regardless of the outer AJAX panel. comboBox.attachDropDown(); } } function StopPropagation(e) { if (!e) { e = window.event; } e.cancelBubble = true; } function OnClientSiteDropDownOpenedHandler(sender, eventArgs) { var tree = sender.get_items().getItem(0).findControl("trvSite"); var selectedNode = tree.get_selectedNode(); if (selectedNode) { selectedNode.scrollIntoView(); } } function OnClientLocationDropDownOpenedHandler(sender, eventArgs) { var tree = sender.get_items().getItem(0).findControl("trvLocation"); var selectedNode = tree.get_selectedNode(); if (selectedNode) { selectedNode.scrollIntoView(); } } function OnClientDepartmentDropDownOpenedHandler(sender, eventArgs) { var tree = sender.get_items().getItem(0).findControl("trvDepartment"); var selectedNode = tree.get_selectedNode(); if (selectedNode) { selectedNode.scrollIntoView(); } } function OnClientCategoryDropDownOpenedHandler(sender, eventArgs) { var tree = sender.get_items().getItem(0).findControl("trvCategory"); var selectedNode = tree.get_selectedNode(); if (selectedNode) { selectedNode.scrollIntoView(); } } function CloseAndRebind(args) { GetRadWindow().BrowserWindow.refreshGrid(args); GetRadWindow().close(); } function GetRadWindow() { var oWindow = null; if (window.radWindow) oWindow = window.radWindow; //Will work in Moz in all cases, including clasic dialog else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow; //IE (and Moz as well) return oWindow; } function CancelEdit() { GetRadWindow().close(); } </script><%-- <asp:RadScriptManager ID="ScriptManager2" runat="server" />--%> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="cboAccount"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="cboSite" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="cboSite"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="cboLocation" /> <telerik:AjaxUpdatedControl ControlID="cboDepartment" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="cboDepartment"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="cboCategory" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="cboProductGroup"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="cboProduct" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="cboProduct"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="cboComponent" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="cboDepartment"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="cboCategory" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="cboCategory"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="cboCategory" /> <telerik:AjaxUpdatedControl ControlID="cboAssignedTo" /> <telerik:AjaxUpdatedControl ControlID="cboRiskPriority" /> <telerik:AjaxUpdatedControl ControlID="cboRisk" /> <telerik:AjaxUpdatedControl ControlID="cboPriority" /> <telerik:AjaxUpdatedControl ControlID="txtImpactLvl" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="cboRiskPriority"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="cboPriority" /> <telerik:AjaxUpdatedControl ControlID="cboRisk" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="cboRisk"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="txtImpactLvl" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="cboPriority"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="txtImpactLvl" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager> <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Office2010Silver" DecoratedControls="All" /> <telerik:RadScriptManager ID="RadScriptManager1" Runat="server"></telerik:RadScriptManager> <asp:FormView ID="fvIncidentEdit" runat="server" DataKeyNames="IncidentID" GridLines="None" OnItemCommand="fvIncidentEdit_ItemCommand" Width="100%" Height="148px"> <EditItemTemplate> <table class="IncDetails"> <tr> <td colspan="4"> <asp:Label ID="lblSiteDetails" runat="server" Text="Site Details" CssClass="bold" /> <hr /> </td> </tr> <tr> <td> <asp:Label ID="lblAccount" runat="server" Text="Account:" /> </td> <td> <telerik:RadComboBox ID="cboAccount" runat="server" DataTextField="AccountName" DataValueField="AccountID" EnableLoadOnDemand="true" EmptyMessage="Select Account" MarkFirstMatch="true" OnSelectedIndexChanged="cboAccount_SelectedIndexChanged" AllowCustomText="false" AutoPostBack="true"> </telerik:RadComboBox> <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator2" InitialValue="- Search in -" ControlToValidate="cboAccount" ValidationGroup="SearchFormValidationGroup" ErrorMessage="Please select Account" CssClass="validator" /> </td> <td> <asp:Label ID="lblDepartment" runat="server" Text="Department:" /> </td> <td> <telerik:RadComboBox ID="cboDepartment" runat="server" OnClientDropDownOpened="OnClientDepartmentDropDownOpenedHandler" ExpandAnimation-Type="None" CollapseAnimation-Type="None" EmptyMessage="Select Department" AutoPostBack="true"> <ItemTemplate> <div id="divDepartment"> <telerik:RadTreeView ID="trvDepartment" DataValueField="DepartmentID" runat="server" OnNodeClick="trvDepartment_NodeClick" DataFieldID="DepartmentID" DataTextField="DepartmentName" DataFieldParentID="ParentDepartmentID" OnClientNodeClicking="DepartmentNodeClicking" Width="100%" Height="140px"> </telerik:RadTreeView> </div> </ItemTemplate> <Items> <telerik:RadComboBoxItem Text=""></telerik:RadComboBoxItem> </Items> </telerik:RadComboBox> <script type="text/javascript"> var div1 = document.getElementById("divDepartment"); div1.onclick = StopPropagation; </script> </td> </tr> <tr> <td> <asp:Label ID="lblSite" runat="server" Text="Site:" /> </td> <td> <telerik:RadComboBox ID="cboSite" runat="server" OnClientDropDownOpened="OnClientSiteDropDownOpenedHandler" ExpandAnimation-Type="None" CollapseAnimation-Type="None" EmptyMessage="Select Site" AutoPostBack="true" > <ItemTemplate> <div id="divSite"> <telerik:RadTreeView ID="trvSite" DataValueField="SiteID" runat="server" OnNodeClick="trvSite_NodeClick" DataFieldID="SiteID" DataTextField="SiteName" DataFieldParentID="ParentSiteID" OnClientNodeClicking="SiteNodeClicking" Width="100%" Height="140px"> </telerik:RadTreeView> </div> </ItemTemplate> <Items> <telerik:RadComboBoxItem Text=""></telerik:RadComboBoxItem> </Items> </telerik:RadComboBox> <script type="text/javascript"> var div1 = document.getElementById("divSite"); div1.onclick = StopPropagation; </script> </td> <td> <asp:Label ID="lblLocation" runat="server" Text="Location:" /> </td> <td> <telerik:RadComboBox ID="cboLocation" runat="server" OnClientDropDownOpened="OnClientLocationDropDownOpenedHandler" ExpandAnimation-Type="None" CollapseAnimation-Type="None" EmptyMessage="Select Location" AutoPostBack="true"> <ItemTemplate> <div id="divLocation"> <telerik:RadTreeView ID="trvLocation" runat="server" DataFieldID="LocationID" DataValueField="LocationID" DataTextField="LocationName" DataFieldParentID="ParentLocationID" OnClientNodeClicking="LocationNodeClicking" Width="100%" Height="140px"> </telerik:RadTreeView> </div> </ItemTemplate> <Items> <telerik:RadComboBoxItem Text=""></telerik:RadComboBoxItem> </Items> </telerik:RadComboBox> <script type="text/javascript"> var div1 = document.getElementById("divLocation"); div1.onclick = StopPropagation; </script> </td> </tr> </table> <table class="IncDetails"> <tr> <td colspan="4"> <asp:Label ID="lblIncidentDetails" runat="server" Text="Incident Details" CssClass="bold" /> <hr /> </td> </tr> <tr> <td> <asp:Label ID="lblCategory" runat="server" Text="Category:" /> </td> <td> <telerik:RadComboBox ID="cboCategory" runat="server" OnClientDropDownOpened="OnClientCategoryDropDownOpenedHandler" ExpandAnimation-Type="None" CollapseAnimation-Type="None" EmptyMessage="Select Category"> <ItemTemplate> <div id="divCategory"> <telerik:RadTreeView ID="trvCategory" runat="server" DataFieldID="QuestionCategoryID" DataTextField="QuestionCategoryName" DataValueField="CategoryValue" DataFieldParentID="ParentCategoryID" OnClientNodeClicking="CategoryNodeClicking" Width="100%" Height="140px" OnNodeDataBound="trvCategory_NodeDataBound" OnNodeClick="trvCategory_NodeClick" > </telerik:RadTreeView> </div> </ItemTemplate> <Items> <telerik:RadComboBoxItem Text=""></telerik:RadComboBoxItem> </Items> </telerik:RadComboBox> <script type="text/javascript"> var div1 = document.getElementById("divCategory"); div1.onclick = StopPropagation; </script> </td> <td class="LabelWidth"> <asp:Label ID="lblProductGroup" runat="server" Text="Product Group:" /> </td> <td> <telerik:RadComboBox ID="cboProductGroup" runat="server" EnableLoadOnDemand="true" DataTextField="ProductGroupName" DataValueField="ProductGroupID" EmptyMessage="Select Product Group" MarkFirstMatch="true" AllowCustomText="false" OnSelectedIndexChanged="cboProductGroup_SelectedIndexChanged" AutoPostBack="true"> </telerik:RadComboBox> </td> </tr> <tr> <td> <asp:Label ID="lblAffectedParty" runat="server" Text="Affected Party:" /> </td> <td> <telerik:RadComboBox ID="cboAffectedParty" runat="server" EnableLoadOnDemand="true" DataTextField="AffectedPartyName" DataValueField="AffectedPartyID" EmptyMessage="Select Affected Party" MarkFirstMatch="true" AllowCustomText="false"> </telerik:RadComboBox> </td> <td> <asp:Label ID="lblProduct" runat="server" Text="Product:" /> </td> <td> <telerik:RadComboBox ID="cboProduct" runat="server" EnableLoadOnDemand="true" DataTextField="ProductName" DataValueField="ProductID" EmptyMessage="Select Product" OnSelectedIndexChanged="cboProduct_SelectedIndexChanged" MarkFirstMatch="true" AllowCustomText="false" > </telerik:RadComboBox> </td> </tr> <tr> <td> <asp:Label ID="lblIncidentSource" runat="server" Text="Incident Source:" /> </td> <td> <telerik:RadComboBox ID="cboIncidentSource" runat="server" EnableLoadOnDemand="true" DataTextField="IncidentSourceName" DataValueField="IncidentSourceID" EmptyMessage="Select Incident Source" MarkFirstMatch="true" AllowCustomText="false"> </telerik:RadComboBox> </td> <td> <asp:Label ID="lblComponent" runat="server" Text="Component:" /> </td> <td> <telerik:RadComboBox ID="cboComponent" runat="server" EnableLoadOnDemand="true" DataTextField="ComponentName" DataValueField="ComponentID" EmptyMessage="Select Component" MarkFirstMatch="true" AllowCustomText="false" > </telerik:RadComboBox> </td> </tr> <tr> <td> <asp:Label ID="lblIncidentType" runat="server" Text="Incident Type:" /> </td> <td> <telerik:RadComboBox ID="cboIncidentType" runat="server" EnableLoadOnDemand="true" DataTextField="IncidentTypeName" DataValueField="IncidentTypeID" EmptyMessage="Select Incident Type" MarkFirstMatch="true" AllowCustomText="false"> </telerik:RadComboBox> </td> <td> <asp:Label ID="lblProductRef" runat="server" Text="Product Reference:" /> </td> <td> <asp:TextBox ID="txtProductRef" runat="server" /> </td> </tr> <tr> <td> <asp:Label ID="lblNonCon" runat="server" Text="Non Conformance Type:" /> </td> <td colspan="3"> <telerik:RadComboBox ID="cboNonCon" runat="server" EnableLoadOnDemand="true" DataTextField="NonConformanceTypeName" DataValueField="NonConformanceTypeID" EmptyMessage="Select Non Conformance" MarkFirstMatch="true" AllowCustomText="false"> </telerik:RadComboBox> </td> </tr> </table> <table class="IncDetails"> <tr> <td colspan="4"> <asp:Label ID="lblIncidentParties" runat="server" Text="Incident Parties" CssClass="bold" /> <hr /> </td> </tr> <tr> <td> <asp:Label ID="lblLoggedBy" runat="server" Text="Logged By:" /> </td> <td> <telerik:RadComboBox ID="cboLoggedBy" runat="server" DataTextField="FullName" DataValueField="IDWithSuffix" EmptyMessage="Select Logger" EnableLoadOnDemand="true" AllowCustomText="false" MarkFirstMatch="true" AutoPostBack="true"> </telerik:RadComboBox> </td> <td> <asp:Label ID="lblConsumer" runat="server" Text="Consumer:" /> </td> <td> <telerik:RadComboBox ID="cboConsumer" runat="server" EnableLoadOnDemand="true" DataTextField="FullName" DataValueField="ConsumerID" EmptyMessage="Select Consumer" AllowCustomText="false" MarkFirstMatch="true" AutoPostBack="true"> </telerik:RadComboBox> </td> </tr> <tr> <td> <asp:Label ID="lblAssignedTo" runat="server" Text="Assigned To:" /> </td> <td colspan="3"> <telerik:RadComboBox ID="cboAssignedTo" runat="server" DataTextField="FullName" DataValueField="IDWithSuffix" EmptyMessage="Select Assignee" EnableLoadOnDemand="true" AllowCustomText="false" MarkFirstMatch="true" AutoPostBack="true"> </telerik:RadComboBox> </td> </tr> <tr> <td colspan="4"> <asp:CheckBox ID="chkAllContacts" runat="server" Text="All Contacts" AutoPostBack="true" OnCheckedChanged="chkAllContacts_CheckedChanged" /> </td> </tr> </table> <table class="IncDetails"> <tr> <td colspan="4"> <asp:Label ID="lblProblemDefinition" runat="server" Text="Problem Definition" CssClass="bold" /> <hr /> </td> </tr> <tr> <td> <asp:Label ID="lblIncidentTitle" runat="server" Text="Title" /> </td> <td> <telerik:RadComboBox ID="cboIncidentTitle" runat="server" DataTextField="IncidentTitleName" DataValueField="IncidentTitleID" EmptyMessage="Select Title" EnableLoadOnDemand="true" AllowCustomText="false" MarkFirstMatch="true" AutoPostBack="true" > </telerik:RadComboBox> </td> <td rowspan="2"> <asp:Label ID="lblComments" runat="server" Text="Comments:" /> </td> <td rowspan="2"> <asp:TextBox ID="txtComments" runat="server" TextMode="MultiLine" /> </td> </tr> <tr> <td> <asp:Label ID="lblOtherTitle" runat="server" Text="Other Title:" /> </td> <td> <asp:TextBox ID="txtOtherTitle" runat="server" /> </td> </tr> <tr> <td> <asp:Label ID="lblProblemDesc" runat="server" Text="Problem Description:" /> </td> <td> <asp:TextBox ID="txtProblemDesc" runat="server" TextMode="MultiLine" /> </td> <td> <asp:Label ID="lblActionsReq" runat="server" Text="Actions Required:" /> </td> <td> <asp:TextBox ID="txtActionsReq" runat="server" TextMode="MultiLine" /> </td> </tr> </table> <table class="IncDetails"> <tr> <td colspan="4"> <asp:Label ID="lblImpactDetails" runat="server" Text="Impact Details" CssClass="bold" /> <hr /> </td> </tr> <tr> <td> <asp:Label ID="lblRiskPriorityType" runat="server" Text="Risk Priority Type:" /> </td> <td> <telerik:RadComboBox ID="cboRiskPriorityType" runat="server" DataTextField="RiskPriorityTypeName" DataValueField="RiskPriorityTypeID" EmptyMessage="Select Risk Priority" EnableLoadOnDemand="true" AllowCustomText="false" MarkFirstMatch="true" OnSelectedIndexChanged="cboRiskPriorityType_SelectedIndexChanged" AutoPostBack="true"> </telerik:RadComboBox> </td> <td> <asp:Label ID="lblPriority" runat="server" Text="Priority" /> </td> <td> <telerik:RadComboBox ID="cboPriority" runat="server" DataTextField="PriorityName" DataValueField="PriorityID" EmptyMessage="Select Priority" EnableLoadOnDemand="true" AllowCustomText="false" MarkFirstMatch="true" onselectedindexchanged="cboPriority_SelectedIndexChanged" AutoPostBack="true"> </telerik:RadComboBox> </td> </tr> <tr> <td> <asp:Label ID="lblImpactlvl" runat="server" Text="Impact Level:" /> </td> <td> <asp:TextBox ID="txtImpactLvl" runat="server" AutoPostBack="true" ReadOnly="True"/> </td> <td> <asp:Label ID="lblRisk" runat="server" Text="Risk:" /> </td> <td> <telerik:RadComboBox ID="cboRisk" runat="server" DataTextField="RiskName" DataValueField="RiskID" EmptyMessage="Select Risk" EnableLoadOnDemand="true" AllowCustomText="false" MarkFirstMatch="true" AutoPostBack="true"> </telerik:RadComboBox> </td> </tr> <tr> <td> <asp:Label ID="lblJustification" runat="server" Text="Justification" /> </td> <td> <asp:TextBox ID="txtJustification" runat="server" TextMode="MultiLine" /> </td> <td> <asp:Label Text="Attachment:" runat="server" ID="lblAttachment" /> </td> <td> <telerik:RadUpload ID="ruAttachment" runat="server"> </telerik:RadUpload> </td> </tr> <tr> <td> <asp:Label Text="Escalation Delayed:" runat="server" ID="lblEscalationDelayed" /> </td> <td colspan="3"> <asp:TextBox ID="txtEscalationDelayed" runat="server" /> </td> </tr> <tr> <td colspan="4"> <br /> <asp:Button ID="btnUpdate" runat="server" onclick="btnSave_Click" Text="Save" OnClientClick = "return ValidateUsertwo();" /> <asp:Button ID="btnClear" runat="server" Text="Clear" onclick="btnClear_Click" /> <asp:Button ID="btnClose" runat="server" Text="Close" /> </td> </tr> </table> </EditItemTemplate> </asp:FormView> </div> </form> <div id="Popdiv" style="display:none"> <b>The email you entered is incorrect. Please try again!</b> </div> </body></html>