How to validate with RequiredFieldValidator for textbox and fileupload having two different buttons like search and upload?

Question

0.00/5 (No votes)

See more:

XML

<form id="form1" runat="server">
<asp:Panel runat="server" ID="pnlHeader" Visible="true">
    Search:<br />
    <asp:TextBox runat="server" id="tbxSearch" />
    <asp:RequiredFieldValidator runat="server" id="reqSearch" controltovalidate="tbxSearch" errormessage="(Required)" />
    <asp:Button runat="server" id="btnSearch" text="Search" />
</asp:Panel>
<br />
<br />
<asp:Panel ID="pnlUpload" runat="server" Visible="false">
<asp:FileUpload ID="fileUpload" runat="server" />
       <asp:Button ID="btnUpload" Text="Upload" runat="server"OnClick="btnUpload_Click"/>
<asp:RequiredFieldValidator ID="reqFileUpload" runat="server" ControlToValidate="fileUpload" ErrorMessage="File Required!" />
</asp:Panel>
</form>

Condition:
1. Enter some data on search textbox – click on the search button. The pnlUpload would be displayed. And if you click on the search button with null value on the search textbox then it would be showing the requirement field validation.
2. Once the first step is valid then the pnlUpload would be visible to true. And if you click on the upload button then, it would be displayed the message of File Required! . and if we select a file and click upload things would go fine. But if I select the file on the fileupload control and remove the value from the tbxSearch and click on the upload button the process would be continued.
My issue is how can we stop the process until and unless the both validations take place in right way.

Thanks in advance.

Posted 30-May-13 21:47pm

Mannava Siva Aditya

Updated 30-May-13 22:17pm

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

v3

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Pallavi Waikar · Accepted Answer · 2013-05-31T00:49:00

You have to use onclientclick of button and style="visibility:hidden;" property of panel,make it visible from javascript.Try following code

XML

<asp:Panel runat="server" ID="pnlHeader" Visible="true">
    Search:<br />
    <asp:TextBox runat="server" id="tbxSearch" />
    <asp:RequiredFieldValidator runat="server" id="reqSearch" controltovalidate="tbxSearch" errormessage="(Required)" />
    <asp:Button runat="server" id="btnSearch" text="Search" OnClientClick="validateSearch()" />
</asp:Panel>
<br />
<br />
<asp:Panel ID="pnlUpload" runat="server" style="visibility:hidden;">
<asp:FileUpload ID="fileUpload" runat="server" />
       <asp:Button ID="btnUpload" Text="Upload" runat="server" OnClick="btnUpload_Click" OnClientClick="validateUpload()"  />
<asp:RequiredFieldValidator ID="reqFileUpload" runat="server" ControlToValidate="fileUpload" ErrorMessage="File Required!" />
</asp:Panel>

C#

<script type="text/javascript">
    function validateSearch()
    {
    var searchTxt = document.getElementById('tbxSearch').value ;

    if(searchTxt != '')
    {
document.getElementById('pnlUpload').style.visibility="visible";
    return true;
    }
    else
    return false;
    }
    function validateUpload()
    {
    if(document.getElementById("fileUpload").value != "" && document.getElementById('tbxSearch').value != "")
    {
   return true;
}
else
return false;

    }
    </script>