ansaurus

Question

Writing Ajax Form with IF ELSE statements...where did I go wrong?

Answer 1

A:

Use the validate approach like:

var v = jQuery("#newsletterForm").validate({
    submitHandler: function(form) {
         var str =  $("#newsletterForm").serialize(); 
        $.ajax({
            type: "POST",
            url: "/_addNewsletterUser.php",
            data: str,
            success: function() {

                $('#newsletter_form').hide();
                $('#thankyounewsletter').show();

            }

        });
        return false;
    }
});

Pentium10 2010-02-06 17:07:24

May want to note that this requires the validation plugin: http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Nick Craver 2010-02-06 17:08:58

This is nice but there remains the question of why the handler in the original question, which certainly looks like it should return false, is not preventing the form submission from continuing.

Pointy 2010-02-06 17:20:14

@Pointy: It only validates, I tried it but wanted my error messages to have a custom look. Not sure I want to use that...was planning on it initially but I don't want to use it for this project.

pxjunkie 2010-02-06 18:39:28

Thanks guys... went through the code line by line and it works now...

pxjunkie 2010-02-06 23:29:36

Answer 2

A:

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

    ...

i'd try that.

Brandon H 2010-02-06 18:33:19

Trying that one

pxjunkie 2010-02-06 19:00:59

According to the jQuery documentation, returning false from an event handler should be the same as calling preventDefault() and stopPropagation().

Pointy 2010-02-06 21:04:40

i'd like it if "should be" meant "is"

Brandon H 2010-02-06 23:42:33

ansaurus

tags:

views:

answers:

Writing Ajax Form with IF ELSE statements...where did I go wrong?

related questions