Validations with ModalPopup extender

<script type="text/javascript">
        function pageLoad() {
            $addHandler($get("btnOk"), 'click', pupulateData);             
        }
        
        function pupulateData(ev)
        {            
            ev.preventDefault();                      
            var modalPopupBehavior = $find('programmaticModalPopupBehavior');   
            if(document.getElementById('txtBxNameChild').value == '')
            {
                alert('Name is required');
            }
            else
            {
                document.getElementById('txtBxNameParent').value = document.getElementById('txtBxNameChild').value;           
                modalPopupBehavior.hide();
            }
        }
         function pupulateDataWRFV(ev)
        {               
            ev.preventDefault();                      
            var modalPopupBehavior = $find('bwrfv');   
            if(document.getElementById('txtbxchildnamewrfv').value == '')
            {
                alert('Name is required');
            }
            else
            {
                document.getElementById('txtBxNameParent').value = document.getElementById('txtBxNameChild').value;           
                modalPopupBehavior.hide();
            }
        }
    </script>

<div>
                <asp:ScriptManager ID="ScriptManager1" runat="server">
                </asp:ScriptManager>
                <asp:TextBox ID="txtBxNameParent" runat="server" Style="left: 456px; position: absolute;
                    top: 56px" />
                 
                <asp:LinkButton runat="server" ID="showModalPopupServerOperatorButton" Text="Fire modalpopup from server event"
                    OnClick="showModalPopupServerOperatorButton_Click" Style="left: 616px; position: absolute;
                    top: 24px" />
                <asp:Button runat="server" Text="Fill this textbox with modal popup" ID="btnEditEmployer"
                    Style="left: 624px; position: absolute; top: 56px" Width="240px" />
                 
                <asp:Panel runat="server" CssClass="modalPopup" ID="pnlEData" Style="display: none;
                    width: 350px; padding: 10px;">
                    <asp:Panel runat="Server" ID="pnlTitle2" Style="cursor: move; background-color: #DDDDDD;
                        border: solid 1px Gray; color: Black; text-align: center;">
                        Please enter the data:
                    </asp:Panel>
                    <asp:Label ID="lblName1" runat="server" Text="Please enter name:" /><asp:TextBox
                        ID="txtBxNameChild" runat="server" /><br />
                    <asp:Button runat="server" ID="btnOk" CausesValidation="false" Text="Ok" /> <asp:Button
                        runat="server" Text="Cancel" ID="btnCancel1" />
                </asp:Panel>
                 
               
                <ajaxToolkit:ModalPopupExtender runat="server" ID="modalPopupEmployerData" CancelControlID="btnCancel1"
                    BehaviorID="programmaticModalPopupBehavior" TargetControlID="btnEditEmployer"
                    PopupControlID="pnlEData" BackgroundCssClass="modalBackground" DropShadow="True"
                    PopupDragHandleControlID="pnlTitle2" RepositionMode="RepositionOnWindowScroll">
                </ajaxToolkit:ModalPopupExtender>
                <asp:Button runat="server" ID="hiddenTargetControlForModalPopup" Style="display: none;
                    left: 8px; position: absolute; top: 488px;" />
                <ajaxToolkit:ModalPopupExtender runat="server" ID="modalPopupPEPCheck" TargetControlID="hiddenTargetControlForModalPopup"
                    PopupControlID="pnlPEPCheckMessage" BackgroundCssClass="modalBackground" DropShadow="True"
                    PopupDragHandleControlID="pnlTitle1" RepositionMode="RepositionOnWindowScroll">
                </ajaxToolkit:ModalPopupExtender>
                <asp:Panel runat="server" CssClass="modalPopup" ID="pnlPEPCheckMessage" Style="display: none;
                    width: 350px; padding: 10px;">
                    <asp:Panel runat="Server" ID="pnlTitle1" Style="cursor: move; background-color: #DDDDDD;
                        border: solid 1px Gray; color: Black; text-align: center;">
                        Please confirm:
                    </asp:Panel>
                    Are you sure to keep checked the CheckedBox?
                    <asp:Button runat="server" ID="hideModalPopupViaServer" Text="Continue" OnClick="hideModalPopupViaServer_Click" /> <asp:Button
                        runat="server" ID="btnCancel" Text="Cencel" OnClick="btnCancel_Click" />
                    <br />
                </asp:Panel>
                <asp:CheckBox ID="chkbxpf" runat="server" Style="left: 464px; position: absolute;
                    top: 24px" Text="Check PF" />
                
        </div>

protected void showModalPopupServerOperatorButton_Click(object sender, EventArgs e)
    {
        if(chkbxpf.Checked)
            this.modalPopupPEPCheck.Show();
    }
    protected void hideModalPopupViaServer_Click(object sender, EventArgs e)
    {
        this.modalPopupPEPCheck.Hide();
    }
    protected void btnCancel_Click(object sender, EventArgs e)        
    {
        chkbxpf.Checked = false;
        this.modalPopupPEPCheck.Hide();
    }