how to validate checkbox list in asp.net controls using javascript validation

Question

0.00/5 (No votes)

See more:

please tell how to validate the checkbox in asp.net control using javascript validation.if the checkbox is not selected it should display an error message.

Posted 26-Feb-12 20:52pm

meeraradha

Add a Solution

5 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)

Joachim1234 · Answer 1 · 2012-02-26T21:01:00

Hi,

Here's is a solution using customvalidator, not entirely javascript solution, but maybe it could be used:

http://www.4guysfromrolla.com/webtech/tips/t040302-1.shtml[^]

Or

Together with a custom validator and a small piece of javscript as code below:

C#

function validate(source, arguments) {
           arguments.IsValid = false;

           var checklist = document.getElementById("MyCheckBoxList");
           if (checklist == null) return;

           var elements = checklist.getElementsByTagName("INPUT");
           if (elements == null) return;

           var checkBoxCount = 0;
           for (i = 0; i < elements.length; i++) {
               if (elements[i].checked) checkBoxCount++;
           }
           arguments.IsValid = (checkBoxCount > 0);
       }

XML

<asp:CustomValidator ID="CustomValidator1" runat="server"
            ClientValidationFunction="validate" ErrorMessage="One of the checkboxes needs to be checked!"
            ValidationGroup=""></asp:CustomValidator>

Regards
Joachim

Sudip Saha · Answer 2 · 2012-02-26T21:04:00

Solution 3

Write the bellow code with in validation funtion in javascript
var chkControl= document.getElementById("<%chk.ClientID%>"); 

if(!chkControl.checked )
{
alert("Required to Check!!")
}

Posted 26-Feb-12 21:04pm

Sudip Saha

Comments

bluesathish 27-Sep-13 4:18am

if my control is a checkboxlist then you're code will works?

AmitKumar89 · Answer 3 · 2012-02-26T21:22:00

Solution 4

Put the following Javascript in your function function ValidateForm(form)

C#

if ( form.terms.checked == false ) 
{ 
       alert ( "Please check the Conditions box." ); 
       return false; 
}

Posted 26-Feb-12 21:22pm

AmitKumar89

RAJ2002 · Answer 4 · 2012-04-09T20:37:00

Function for multiple checkbox with multiple text box input validation using javascript code.

C#

function validateform() {
            if (document.getElementById("chkChequePicked").checked == true) {
                if (document.getElementById('txtChequePickedDate').value == "" || document.getElementById('txtChequePickedDate').value == "--Just Click--") {
                    alert('Please Enter Cheque Picked Date');
                    return false;
                }
            }
            else {
                if (document.getElementById('txtChequePickedDate').value != "") {
                    alert('Please check Cheque Picked');
                    return false;
                }
                ValidatorEnable(document.getElementById("RequiredFieldValidator4"), true);
            }

            if (document.getElementById("chkChequeReceived").checked == true) {
                if (document.getElementById('txtChequeReceivedDate').value == "" || document.getElementById('txtChequeReceivedDate').value == "--Just Click--") {
                    alert('Please Enter Cheque Received Date');
                    return false;
                }
            }
            else {
                if (document.getElementById('txtChequeReceivedDate').value != "") {
                    alert('Please check Cheque Received');
                    return false;
                }
                ValidatorEnable(document.getElementById("RequiredFieldValidator5"), true);
            }

            if (document.getElementById("chkChequeDeposit").checked == true) {
                if (document.getElementById('txtChequeDepositDate').value == "" || document.getElementById('txtChequeDepositDate').value == "--Just Click--") {
                    alert('Please Enter Cheque Deposite Date');
                    return false;
                }
            }
            else {
                if (document.getElementById('txtChequeDepositDate').value != "") {
                    alert('Please check Cheque Deposite');
                    return false;
                }
                ValidatorEnable(document.getElementById("RequiredFieldValidator6"), true);
            }
            if (document.getElementById("chkChequeCleared").checked == true) {
                if (document.getElementById('txtChequeClearedDate').value == "" || document.getElementById('txtChequeClearedDate').value == "--Just Click--") {
                    alert('Please Enter Cheque Cleared Date');
                    return false;
                }
            }
            else {
                if (document.getElementById('txtChequeClearedDate').value != "") {
                    alert('Please check Cheque Cleared');
                    return false;
                }
                ValidatorEnable(document.getElementById("RequiredFieldValidator7"), true);
            }

            if (document.getElementById("chkChequeRemittance").checked == true) {
                if (document.getElementById('txtChequeRemittanceDate').value == "" || document.getElementById('txtChequeRemittanceDate').value == "--Just Click--") {
                    alert('Please Enter Cheque Remittance Date');
                    return false;
                }
            }
            else {
                if (document.getElementById('txtChequeRemittanceDate').value != "") {
                    alert('Please check Cheque Remittance');
                    return false;
                }
                ValidatorEnable(document.getElementById("RequiredFieldValidator8"), true);
            }
            return true;
        }

CRDave1988 · Answer 5 · 2012-02-26T20:58:00

Solution 1

I m sure that u have not use Google.

This is the third result when u type "javascript checkbox" in Google

http://www.netevolution.co.uk/scripts.asp?ID=25[^]

Posted 26-Feb-12 20:58pm

CRDave1988

Comments

bluesathish 27-Sep-13 4:16am

@CRDave1988:
The link you're provided was not found Mr.Dave (may be its considered to be a older post), One one more thing google result came based on several scenarios like user frequently searched tags and may vary by location you're searching. My vote 0!, oops 0 was not available ;-) Take 1!. :-)