MVC 5 Client side validation for ajax posts with click event not working?

Question

I have to implement client side validation with click event for ajax posts. I followed the below url:

Call MVC 3 Client Side Validation Manually for ajax posts

I tried using this :

$('#buttonId').click(function(evt) {
    evt.preventDefault();
    var $form = $('form');
    if($form.valid()) {
        //Ajax call here
    }
});

But the problem here is now the validation is working if there is invalid data. But if I give proper input also, the page is reloading and blank page is coming as a result.

I tried replacing evt.preventDefault() with return false. But there the validation is not working. Can anyone help me to solve this.

The thing is if drop down is not chosen, the validation message is coming. But If I give correct input, then output is not displayed.The page is refreshing.

I guess the problem is evt.preventDefault() . But validation is not working without this

just wanted to know; this buttonId, is a normal HTML button or is it a input type submit element? if it is a submit type then yes your form will get submitted the HTML form way hence reloading the page — vijayP
– vijayP, Commented Aug 20, 2015 at 8:13

Jelle Oosterbosch · Accepted Answer · 2015-08-20 08:48:43Z

1

Don't use the click of the button, I would recomend to use the following. The 'submitHanderl is a callback function if the form is valid.

$("form").validate({
    submitHandler: function(form) {
        //Ajax call here
    }
});

answered Aug 20, 2015 at 8:48

Jelle Oosterbosch

1,74215 silver badges17 bronze badges

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

Comments

Ross · Accepted Answer · 2015-08-20 11:03:33Z

0

Also, for future reference, if you add type="button", it will treat the button as a button and it will not submit the click. Same as doing an event.preventDefault() or an <a> tag's return false;

answered Aug 20, 2015 at 11:03

Ross

3332 silver badges8 bronze badges

Collectives™ on Stack Overflow

MVC 5 Client side validation for ajax posts with click event not working?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related