Question

I use MVC and would like to submit a form via jquery, but for the mvc built in validation to work in case of a any invalid input, I ve conditioned the "return false" of the click event (also tried "event.preventDefault"), in case of getting a "success" json return from the controller.

该法典:

$(document).ready(function () {
    var request;
    $( #formSubmit ).click(function (event) {
        request = $.ajax({
            url:  /personManager/loadDetails/ ,
            type:  post ,
            data: $( form ).serialize()
        });
        request.done(function(data){
            if(data=="success")
                event.preventDefault();
            });

        });
    });

I can t make it work... What do I do wrong? also, is there any more efficient way to preserve mvc validation mechanism, while working with jquery?

updated: If I try to describe my wish more simply: I want to condition the preventDefault of the click event, so in a certain condition it will invoke the form submit, and in other, it won t, and only $.ajax work. The second accures after I confirm on the server side that no action has taken place. There s must be a way, I guess...

Answer 1

问题最有可能是因为你的神.不平。把它定为司空见惯的,你的法典应当予以罚款。然而,知道如果服务器不能立即作出反应,那么用户就会被冻结。

Answer 2

我与上周有着同样的问题。页: 1 你的缺席事件很可能发生在ajax的回复面前。这是因为美国宇宙航空研究开发机构的运行是同步的。设置<代码>sync:false将防止这种情况发生。但是,作为。指出,这的确意味着,如果反应失败,你的网页可以冻结。

$(document).ready(function (e) {
    var request;
    var preventDefault = false;
    $( #formSubmit ).click(function (event) {
        request = $.ajax({
            url:  /personManager/loadDetails/ ,
            type:  post ,
            data: $( form ).serialize()
            , async: false
        });
        request.done(function (data) {
            if (data == "success")
                preventDefault = true;
        });

        if (preventDefault){
           e.preventDefault();
        }

    });
});

Answer 3

Why not use, jQuery validate? Do you need server side specific validation? I realize that you re already using mvc built in validation, but since you re using jQuery to submit the form you might as well using for validation. Just a suggestion since that way you could do:

$(document).ready(function () {
    $( form ).validate({
        rules: {},
        messages: {}
    });
    var request;
    $( #formSubmit ).click(function (event) {
            if($( form ).valid()){
                request = $.ajax({
                    url:  /personManager/loadDetails/ ,
                    type:  post ,
                    data: $( form ).serialize()
                });
                request.done(function(data){
                    if(data=="success")
                        event.preventDefault();
                    });                     
            }

        });
    });

友情链接