How to implement validation with jQuery on a asp.Net submit button?

Question

I want to call some web-service webmethods on asp.net submit button's click in order to validate the form regarding to some business logic and then I would like to have the button to go on its default behavior if the validation is OK.

How can I stop the aspx page to post-back (after submit button click) and continue submitting the form only if it is allowed by the 'success' function of jQuery.ajax()'s option parameter?

Thanks!

archil · Accepted Answer · 2011-04-05 08:26:52Z

2

You could pass Form Submit Callback to ajax function. If ajax executes successfully, your form submit callback will be called and form will be submitted. Otherwise, not

For ex, submit button code could look like this

function submitWithValidation() {
    $.ajax({
      url: "test.html",
      context: document.body,
      success: function(){
        $('form').submit();
      }
    });

    return false;
}

The button will stop submitting form. If validation succeeds, ajax success will submit the form, otherwise invalid form will stay with client

edited Apr 5, 2011 at 8:26

answered Apr 5, 2011 at 8:17

archil

39.6k7 gold badges69 silver badges83 bronze badges

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

2 Comments

pencilCake Over a year ago

So this is the 'onclick' attribute of the button in this case?

archil Over a year ago

No, this is onclientclick - function on javascript. Look at edited code

Collectives™ on Stack Overflow

How to implement validation with jQuery on a asp.Net submit button?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related