Ajax Call on submit handler Jquery Validation

Question

I have a form which have multiple select dropdown name=select[], and this form is validate from Jquery Validation and after successful validation Submit handler call Ajax i want to send all form keys and values also include in array form , Here is My Code .

function:submitHandler
{
$.ajax({
url: "processo.php", 
type: "POST",             
data: new FormData(this),
cache: false,             
processData:false,      
success: function(data)   
{
$('#loading').hide();
$("#message").html(data);
}
});
}

Now the when validation successfully done new FormData(this) not recognize form id.but when i put new Formdata($("#frmRegister")[0]) then its send variables to php but not array. How can i define form id in like new Formdata("#frmRegister").Remember please i also have mulitple select array in form .

Where is the rest of the code? Why function: submitHandler? Within the .validate() method, it should be submitHandler: function(form) {...}. Show the rest of the relevant code in proper context. — Sparky
– Sparky, Commented Mar 12, 2017 at 15:50

Community · Accepted Answer · 2017-05-23 12:00:31Z

17

The submithandler goes inside of the .validate() method and you would use the form argument provided by the developer.

$('#myform').validate({
    submitHandler: function(form) {
        $.ajax({
            url: "processo.php", 
            type: "POST",             
            data: new FormData($(form)),
            cache: false,             
            processData: false,      
            success: function(data) {
                $('#loading').hide();
                $("#message").html(data);
            }
        });
        return false;
    },
    // other options
});

You could also use $(form).serialize(); instead.

edited May 23, 2017 at 12:00

CommunityBot

11 silver badge

answered Mar 12, 2017 at 15:54

Sparky

98.8k26 gold badges202 silver badges293 bronze badges

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

Comments

Nipun Tharuksha · Accepted Answer · 2020-06-23 10:26:14Z

1

Thank You Very Much For giving Answer i have solution here is code .

function: submitHandler {
            $("#frmRegister").load("submit", function (e)// Trigger Submit When Validation Done
            {
                $.ajax({
                    url: "processo.php",
                    type: "POST",
                    data: new FormData(this),
                    cache: false,
                    processData: false,
                    success: function (data) {
                        $('#loading').hide();
                        $("#message").html(data);
                    }
                });
            });
        }

edited Jun 23, 2020 at 10:26

Nipun Tharuksha

2,5654 gold badges19 silver badges44 bronze badges

answered Mar 12, 2017 at 17:04

Hashaam

831 gold badge2 silver badges9 bronze badges

3 Comments

Sparky Over a year ago

But where is function:submitHandler{...} located?? None of this is making any sense within the context of the jQuery Validate plugin. Are you actually using this plugin as indicated by the tag on your question?

Hashaam Over a year ago

sorry , but function:submitHandler dose not exist should be submitHandler: function(form) as your request .Thanks

Sparky Over a year ago

If that's true, then $("#frmRegister").load("submit") makes less sense. You would never put a load handler or submit event within the submitHandler callback function for this plugin.

Collectives™ on Stack Overflow

Ajax Call on submit handler Jquery Validation

2 Answers 2

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related