JavaScript for Clientside validation for asp.net Single-CheckBox using CustomValidator

Question

4.50/5 (2 votes)

See more:

I am trying to validate the check box using the following code.
But it is always return false.
//----------------------------------------

XML

<script  language="javascript" type ="text/javascript" >
       function checkAgreement(source, args)
        {
         var elem = document.getElementById("cbxPDCheque");
         if (elem.checked)
          {
          args.IsValid = true;
          }
          else
          {
          args.IsValid = false;
          }
        }
        </script>

//=====================================================

XML

<asp:CheckBox ID="cbxPDCheque" runat="server" AutoPostBack="True" Text="PD Cheques" />
  <asp:CustomValidator ID="CustomValidator1" runat="server" EnableClientScript ="true"
  ErrorMessage="Select PD Cheques."  ClientValidationFunction ="checkAgreement" >*</asp:CustomValidator>
  <asp:ValidationSummary ID="ValidationSummary1" runat="server" ShowMessageBox="True" ShowSummary="False" />
  <asp:Button ID="Button1" runat="server" Text="Button" />

//=======================================================

Posted 29-Apr-11 2:23am

SHAJANCHERIAN

Add a Solution

Comments

Hemant__Sharma 29-Apr-11 8:41am

Hello SHAJANCHERIAN,
I tried your code and it worked perfectly fine at my end. i got the validation failure popup when validation fails, no issue otherwise.

when you say it always return false you mean the validation is coming every time right or you are using the checkAgreement function somewhere else to see the returned value bcz the checkagreement function doesn't return any value and default return value will be false.

do you have any additional code in your page?

Thanks,
Hemant

SHAJANCHERIAN 2-May-11 0:39am

var elem = document.getElementById("<%=cbxPDCheque.ClientID%>");
I have made change as suggested by nit_singh1..Now it is working ..thank you

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)

jim lahey · Accepted Answer · 2011-04-29T02:35:00

Solution 1

I reckon your ClientID is wrong.

var elem = document.getElementById("cbxPDCheque");

You need to view the source of your page to find out the correct ClientID of the CheckBox. The ID of a server Control is not necessarily the same as the DOM attribute ID that gets rendered in the browser.

Posted 29-Apr-11 2:35am

jim lahey

Comments

SHAJANCHERIAN 2-May-11 0:43am

Thank you
var elem = document.getElementById("<%=cbxPDCheque.ClientID%>"); thank you

nit_singh · Accepted Answer · 2011-04-29T02:50:00

Solution 2

var elem = document.getElementById("<%=cbxPDCheque.ClientID%>");

Because the ID of the controls is changed after rendering.

Posted 29-Apr-11 2:50am

nit_singh

Comments

SHAJANCHERIAN 2-May-11 0:36am

Thank You nit_singh1..
Its working

sachinvijwal 18-Sep-12 10:57am

In Ajax Update panel, it's not working