What is the error in my code?

Question

4.00/5 (1 vote)

See more:

Dear Friends,

I have two texboxes like txtname, txtPWD and one checkbox is like

<asp:CheckBox ID="chkTerms" runat="server" />Terms & Conditions

I have working with terms & conditions checkbox.

XML

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>

<script type="text/javascript">
        $(function () {
            $('#btnSubmit').click(function () 
            {
                if ($('#chkTerms').is(':checked')) {

                }
                else {
                    alert('Please accept terms & conditions')
                }
            })
        })
    </script>

<asp:CheckBox ID="chkTerms" runat="server" />Terms & Conditions

<asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click" />

I have small login code in

C#

protected void btnSubmit_Click(object sender, EventArgs e)
{
}

whenever try to click on submit button if chkTerms is not checked it's submitted successfully. I need alert message if chkTerms not checked.

Please help any one.

Thank you.

Posted 29-Oct-14 0:17am

Member 10021658

Updated 29-Oct-14 0:19am

George Jonsson

v2

Add a Solution

Comments

George Jonsson 29-Oct-14 6:23am

Is there a reason why you use JavaScript for the check instead of doing it in the method btnSubmit_Click in c#?

Mathew Soji 29-Oct-14 6:31am

What about disabling the submit button and enable the button only if terms and condition checked.

4 solutions

Solution 1

I think you are looking for some thing similar to Calling a JavaScript method in C# button Click Event using ClientScript[^]

You just need to modify this line

return confirm("Do you want to proceed? ");

with

return $('#chkTerms').is(':checked')

Note : Use Client ID of chkTerms in JQuery code or add ClientIDMode="Static" to its definition.

Posted 29-Oct-14 0:26am

Thanks7872

Updated 29-Oct-14 0:28am

v2

Solution 2

Hi,

Try this code for your checkbox:

JavaScript

function checkValidity()
{
 var status = $('#chkTerms').is(':checked');
 if(status==false)
 {
  alert('Check Terms and Conditions');
  return false;
 }
 else
 {
  return true;
 }
}

And on clientClick of the button pass this javascript function to check the values.

HTML

OnClientClick="return checkValidity();"

Change your functin as per your requirements.
Hope this helps !! :)

Regards,
Praneet

Posted 29-Oct-14 0:28am

Praneet Nadkar

Solution 4

Hi...
Write code in your button_click() like:

C#

MsgBox1.confirm("Are you sure want to proceed?");

Thank u.

Posted 29-Oct-14 0:38am

Murali0195

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)

Suvendu Shekhar Giri · Accepted Answer · 2014-10-29T00:34:00

Solution 3

The ID gets changed in ASP.Net after the page is rendered to the browser.

Try this:

JavaScript

<script type="text/javascript">
        $(function () {
            $('#<%=btnSubmit.ClientID%>').click(function () 
            {
                if ($('#<%=chkTerms.ClientID%>').is(':checked')) {
 
                }
                else {
                    alert('Please accept terms & conditions')
                }
            })
        })
    </script>

Note: I haven't tested it . In case this doesn't solve your problem please reply.

Posted 29-Oct-14 0:34am

Suvendu Shekhar Giri

Comments

Member 10021658 29-Oct-14 6:43am

Dear Suvendu,

Thanks for your reply it's working fine. It's great help me.

Thank you sooo much.

Suvendu Shekhar Giri 29-Oct-14 6:56am

The ID you assign to an asp.net control is just a programmatic identifier (http://msdn.microsoft.com/en-us/library/system.web.ui.control.id%28v=vs.110%29.aspx)
Actually, in asp.net the IDs get changed in process of converting to render as HTML content. You can check this by right clicking on a element in the browser and clicking "Inspect Element". You will notice that some prefix is added to that ID to make them unique throughout the page as you can have controls of same id in different panels/gridview/datalist etc in asp.net.

Hopefully I have clarified your doubts.

Praveen_P 29-Oct-14 6:44am

good solution , 5 !