How to stop form from submitting using Jquery/Ajax

Question

This is the code I have. I want to prevent the form from submitting if the message i receive from the php side is 0 (an error occured). If the message received is 1 I want to submit the form.

   $(document).ready(function(){
    $('#form').submit(function(e){
        register();


    });

});


    function register(){

        $.ajax({
            type:"POST",
            url:"submit.php",
            data: $('#form').serialize(),
            dataType: "json",
            success: function(msg){

                if(parseInt(msg)==1){
                    window.location=msg;
                }
                else if(parseInt(msg)==0){  
                    $('#error_out').html(msg);
                }


            }

        });
    }

Rodaine · Accepted Answer · 2011-07-11 18:05:41Z

5

after register(); include return false;

answered Jul 11, 2011 at 18:05

Rodaine

1,0347 silver badges13 bronze badges

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

10 Comments

user461316 Over a year ago

I only want to prevent submission when i receive a msg = '1'

Rodaine Over a year ago

Then you would need to make the ajax synchronous. add async: false to the ajax parameters and move the return false; to the success function (under window.location=msg).

Aravindhan Over a year ago

+1. fastest answer I have ever seen.. just 38 seconds for answering this question.

user461316 Over a year ago

It still does not not prevent me using no async and adding the return false;

Rodaine Over a year ago

ah sorry. Change register(); to return register();

|

Praveen Prasad · Accepted Answer · 2011-07-17 10:51:18Z

1

 $('#form').submit(function(e){
           e.preventDefault();

           //do whatever you want

});

edited Jul 17, 2011 at 10:51

answered Jul 11, 2011 at 18:42

Praveen Prasad

32.2k20 gold badges77 silver badges106 bronze badges

Comments

bilal · Accepted Answer · 2011-07-12 08:37:45Z

0

As I understand ,Try use this:




if(parseInt(msg)==0){  
                   $('#submit').attr('disabled','true');
                }

answered Jul 12, 2011 at 8:37

bilal

172 bronze badges

Comments

Tom Walters · Accepted Answer · 2011-07-12 17:30:36Z

0

after register(); include return false; if it doesn't work then rename register(); to register(e); and then include e.preventDefault(); e.stopPropagation(); hope it works.

edited Jul 12, 2011 at 17:30

Tom Walters

15.6k7 gold badges59 silver badges75 bronze badges

answered Jul 11, 2011 at 18:40

Pawan Choudhary

1,0811 gold badge11 silver badges21 bronze badges

Collectives™ on Stack Overflow

How to stop form from submitting using Jquery/Ajax

4 Answers 4

10 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

10 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related