Prevent javascript to execute when i load the html page

Question

I tried to submit my form using ajax so i wrote this script :

$(document).ready(  
function doAjaxPost() {
        var email = $('#user_email').val();
        var firstName = $('#user_firstName').val();
        var lastName = $('#user_lastName').val();
        var password = $('#user_password').val();

        $
                .ajax({

                    type : "POST",
                    async: false ,
                    url : "home1",
                    data : "email=" + email + "&firstName=" + firstName
                            + "&lastName=" + lastName + "&password=" + password,

                    success : function(response) {

                        alert('Error: '+ "test");
                        if(response.result=="error")
                        $('#info').html(
                                response.message);

                    },

                    error : function(e) {

                        alert('Error: ' + e);

                    }

                });

    }
);
$('#myForm').submit(doAjaxPost());

then i included it in my page.html.

but when i load the page the script executed but the script must intercept submit event.

how can i prevent the script to execute when i load my page ?

You need to URL-encode your parameters. (or let jQuery do that for you). Also, never use async: false. — SLaks
– SLaks, Commented Aug 14, 2014 at 15:32
You're right.I will considerate your remark despite it's not my problem right now. — Zrom
– Zrom, Commented Aug 15, 2014 at 15:44

Zrom · Accepted Answer · 2014-08-15 01:12:27Z

I think I've found a solution by moving my function code into submit scope :

$(document).ready(
$('#myForm').submit(function() {
    var email = $('#user_email').val();
    var firstName = $('#user_firstName').val();
    var lastName = $('#user_lastName').val();
    var password = $('#user_password').val();

    $
            .ajax({

                type : "POST",
                async: false ,
                url : "home1",
                data : "email=" + email + "&firstName=" + firstName
                        + "&lastName=" + lastName + "&password=" + password,

                success : function(response) {

                    alert('Error: '+ "test");
                    if(response.result=="error")
                    $('#info').html(
                            response.message);

                },

                error : function(e) {

                    alert('Error: ' + e);

                }

            });

})
);

Mattia Galati · Accepted Answer · 2014-08-14 15:33:50Z

0

I think your problem is the last line of code:

$('#myForm').submit(doAjaxPost());

whit this code you are saying to jquery to fire the "submit" event to the form. Try to replace it with:

$('#myForm').bind('submit', doAjaxPost);

answered Aug 14, 2014 at 15:33

Mattia Galati

2,58719 silver badges22 bronze badges

1 Comment

Zrom Over a year ago

thanks Mattia, I've tried but it doesn't work for me.

forrest · Accepted Answer · 2014-08-15 19:49:28Z

0

Just swap the last two lines and take out async: false.

edited Aug 15, 2014 at 19:49

answered Aug 14, 2014 at 15:34

forrest

11 bronze badge

1 Comment

Zrom Over a year ago

Thank you for the reply, but i didn't understand what do you mean by submit the form inside the ajax callback (sorry but i'm new with ajax ).

Collectives™ on Stack Overflow

Prevent javascript to execute when i load the html page

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related