if page.isvalid client side

Question

0.00/5 (No votes)

See more:

I have two textbox controls and added two required fields validation controls and set the text property of the validation control <img> tag. After that added a button control.
When I click the button without filling anything in the textbox it display images which I have putted in the required field validation control. But I want to display bottom of the button control a text description when any of the required validation is not valid.
I think this can be using if(page.isvalid) then display the text description. But it only work when javascript is disable.
I tried validation summary. This validation control display message like this.

First TextBox is required.

Second TextBox is required.

But I just want to display meaning of the image which I have putted in the text property of the validation control like when any of the textBox is empty then an Image icon is displayed near that textBox and text description bottom of the button control: "Required Fields!"

Posted 27-Jul-12 22:47pm

Dinesh Ambaliya

Add a Solution

Comments

AshishChaudha 28-Jul-12 6:41am

What you have tried so far???

2 solutions

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)

pradiprenushe · Answer 1 · 2012-07-29T21:46:00

Use this

XML

<asp:TextBox ID="txtFirst" runat="server"></asp:TextBox>

    <asp:RequiredFieldValidator ID="RequiredFieldValidator1"
        runat="server" ErrorMessage="FirstErrorText" ControlToValidate="txtFirst">
        <img src="Error.png" />       
        </asp:RequiredFieldValidator>

 <asp:Button ID="btnSave" runat="server" Text="Save" onclick="btnSave_Click" />
<asp:ValidationSummary ID="ValidationSummary1" runat="server" />

Satish Kumar Trivedi · Answer 2 · 2012-07-27T23:08:00

Solution 1

You can add a label at the bottom of the page and make it visible when Page.IsValid==false.

For Example:

C#

If(Page.IsValid==true)
{
  lblMsg.visible=false;
  <!--your other stuff-->
}
else
{
  lblMsg.visible=true;
  lblMsg.Text="*/Picture Marked Fields are Required!"
}

Posted 27-Jul-12 23:08pm

Satish Kumar Trivedi

Updated 28-Jul-12 0:37am

v3

Comments

Dinesh Ambaliya 29-Jul-12 9:19am

Thank you for your try.
But as mentioned in my question this only work when javascript is disabled in browser.

pradiprenushe 30-Jul-12 4:04am

Use below answer.