How to validate checkboxes on button click.

Question

0.00/5 (No votes)

See more:

Hello experts,

How to validate checkboxes on button click in asp.net c#.

I have 3 checkboxes on my page. (Note : This is not checkboxlist, These are individual checkboxes)

When i click on submit button, Message must be displayed Please select atleast one checkbox.

Thanks for your time.

Posted 18-Nov-14 18:58pm

Software Engineer 892

Add a Solution

3 solutions

Solution 1

C#

<script type="text/javascript">
function valid()
{
  var a=document.getElementById('<%=chek1.ClientID>');
  var b=document.getElementById('<%=chek2.ClientID>');
  var c=document.getElementById('<%=chek3.ClientID>');
if(a.checked==false && b.checked==false && c.checked==false)
{
  alert("Select atleast one");
  return false;
}
else
{
  return true;
}

}
</script>

call this script from button onclient event

C#

<asp:button id="b1" onclintclick="return valid()" xmlns:asp="#unknown"></asp:button>

Posted 18-Nov-14 19:17pm

Abid Shk

Updated 18-Nov-14 19:20pm

v2

Comments

Software Engineer 892 19-Nov-14 1:42am

Sir,

This is my code for other textboxes validation for same page.

Can you please checkboxes script also in this code. am confused.

<script type="text/javascript">
function chkAllValues()
{

if(document.getElementById('TxtFirstName').value=="" || document.getElementById('TxtFirstName').value==0)
{
alert("Please enter First Name");
document.getElementById('TxtFirstName').focus();
return false;
}

if(document.getElementById('TxtLastName').value=="" || document.getElementById('TxtLastName').value==0)
{
alert("Please enter Last Name");
document.getElementById('TxtLastName').focus();
return false;
}

if(document.getElementById('TxtDepartment').value=="" || document.getElementById('TxtDepartment').value==0)
{
alert("Please enter Department");
document.getElementById('TxtDepartment').focus();
return false;
}

return confirm('are you sure ? you want to Submit this details ?');
}

BUTTON
======
<asp:ImageButton ID="BtnSubmit" runat="server"
ImageUrl="Submit.png" CausesValidation="true"
onclick="BtnSubmit_Click" OnClientClick="return chkAllValues()"/>
</script>

Thanks in advance.

Thanks7872 19-Nov-14 2:10am

Why confused? Confused with what?

Software Engineer 892 19-Nov-14 2:14am

where should i place ur code. becoz we need one function/method name in OnClientClick="return chkAllValues()" like this.

Please help.

Solution 2

You can either validate in serverside / clientside

in Server side
check

C#

if(chb1.checked==true ||chb2.checked==true ||chb3.checked==true)
{

}
else
{
ClientScript.RegisterStartupScript(this.GetType(), Guid.NewGuid().ToString(), "alert('Check atleast one')", true);
}

in clientside
----

HTML

onclientclick="javascript:return vald();"

JavaScript

<script>
function vald(){

if($('#<%= chk1.ClientID %>').is(':checked')||$('#<%= chk2.ClientID %>').is(':checked')|\$('#<%= chk1.ClientID %>').is(':checked'))

{
return true;
}
else
{
alert(
alert('select atlest one');
return false;
}
}</script>

Posted 18-Nov-14 19:26pm

Kan07

Updated 18-Nov-14 19:46pm

v2

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)

Abid Shk · Accepted Answer · 2014-11-18T20:35:00

C#

function chkAllValues()
{
 var a=document.getElementById('<%=chek1.ClientID>');
  var b=document.getElementById('<%=chek2.ClientID>');
  var c=document.getElementById('<%=chek3.ClientID>');
if(document.getElementById('TxtFirstName').value=="" || document.getElementById('TxtFirstName').value==0)
{
alert("Please enter First Name");
document.getElementById('TxtFirstName').focus();
return false;
}

if(document.getElementById('TxtLastName').value=="" || document.getElementById('TxtLastName').value==0)
{
alert("Please enter Last Name");
document.getElementById('TxtLastName').focus();
return false;
}

if(document.getElementById('TxtDepartment').value=="" || document.getElementById('TxtDepartment').value==0)
{
alert("Please enter Department");
document.getElementById('TxtDepartment').focus();
return false;
}

if(a.checked==false && b.checked==false && c.checked==false)
{
  alert("Select atleast one");
  return false;
}
else
{
 return confirm('are you sure ? you want to Submit this details ?');
}

}