Validating a CheckBox field - ASP.NET and jQuery

Question

I am trying to make a simple validation on some agreements by checking an asp:checkbox and clicking an asp:button.

On my Button I am calling this:

OnClientClick="ValidateConditions();"

And the function runs by this:

function ValidateConditions() {
 if ($('#ChkAccept').is(':checked')) {
             alert("Checked");
                  args.IsValid = true;
               }
                else {
                   alert('Nope it is not checked');
                args.IsValid = false;
           }
         }

It works so far, but how do I stop running my button method when args.IsValid = false; ? Right now it shows the message and runs the method in both cases.

It must be a simple thing that I need.. Best regards.

Any progress with the new code?

Akhil Sekharan
– Akhil Sekharan

2012-11-26 12:43:51 +00:00
Commented Nov 26, 2012 at 12:43 — Akhil Sekharan
– Akhil Sekharan, Commented Nov 26, 2012 at 12:43

Athamneh · Accepted Answer · 2012-11-26 11:05:28Z

1

do the below to prevent the event of the button :-- but do also OnClientClick="return ValidateConditions(this); in your markup code

 function ValidateConditions(element,e) {
    if ($(element).prop('checked')) {
        alert("Checked");
        args.IsValid = true;
    }
    else {
        alert('Nope it is not checked');
        args.IsValid = false;
e.preventDefault();
e.stopPropagation();
return false ;
    }

}

edited Nov 26, 2012 at 11:05

answered Nov 26, 2012 at 10:54

Athamneh

2981 silver badge9 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

micknt Over a year ago

Hi, I an trying your code, but still it runs my server side click handler: Protected Sub BtnConfirm_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles BtnConfirm.Click 'Code that runs End Sub

Athamneh Over a year ago

please make sure you write the correct call to the function ( OnClientClick="return ValidateConditions(this,event);

Lucian · Accepted Answer · 2012-11-26 10:31:36Z

0

Try:

OnClientClick="return ValidateConditions(this);"

and

function ValidateConditions(checkbox) {
    return $(checkbox).is(':checked');
}

answered Nov 26, 2012 at 10:31

Lucian

4,0015 gold badges32 silver badges34 bronze badges

1 Comment

micknt Over a year ago

Hi, thanks for your reply. I am trying your solution. Nothing happens when I clicking the button, both when the checkbox is checeked and unchecked. But at least it doesn't run my code behind.

5 revs · Accepted Answer · 2012-11-26 15:53:15Z

0

Removed all other javascripts:

Just use:

   <asp:CheckBox ID="ChkAccept" runat="server" ClientIDMode="Static" Text="I accept the conditions" /> 
    <br />
   <asp:Button ID="BtnConfirm" runat="server" CssClass="uniBtn" Text="Send"
   OnClientClick="if(! $( '#ChkAccept' ).prop( 'checked' )){alert('Not Ticked');return false;}" />

edited Nov 26, 2012 at 15:53

community wiki

5 revs
Akhil Sekharan

6 Comments

micknt Over a year ago

Hi, thanks for your reply. I am trying your solution, but in this case it says "Nope it is not checked" in both cases, and it continues to run the code behind.

micknt Over a year ago

Hi, nope, it just shows the message and then runs my button click handler: Protected Sub BtnConfirm_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles BtnConfirm.Click 'Code that runs End Sub

micknt Over a year ago

It's just simple: <asp:CheckBox ID="ChkAccept" runat="server" Text="Please accept the conditions" />

micknt Over a year ago

Hi, it's still running the code. I have made a small example for download here: dl.dropbox.com/u/17202645/test.aspx.zip

micknt Over a year ago

Now my method only runs when the checkbox is ticked! Nice. Now I just need the alert to show up if it is not checked.

|

Collectives™ on Stack Overflow

Validating a CheckBox field - ASP.NET and jQuery

3 Answers 3

2 Comments

1 Comment

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related