Question

I want to perform an ajax request right before my form is submitted, and then trigger the form submission from my ajax callback. But when I try to trigger the submit, I get the following error:

Uncaught TypeError: Property ‘submit’ of object # is
not a function

Here is the entire code:

    <form id="myform" method="post" action="http://www.google.com"  >
        <input type="text" name="email" id="test" size="20"  />
        <input id="submit" name="submit" type="submit" value="Submit"  />
    </form>

    <script>

    function do_ajax() {

        var jqxhr = $.get("#", function(){

            // Once the ajax function is complete, I want to submit my form:
            $('#myform').submit();

        });
    }

    $(function() {

        $('#submit').click(function (e) {


            // When the user clicks submit, I want to perform an ajax request first:
            e.preventDefault();
            do_ajax();

        });
    });

</script>

Stumped.

Answer 1

I think the problem is that the submit button is interfering by its name. I have read something about this, will Google a link.

Just change the name and ID and it will work:

    <input id="submit2" name="submit2" type="submit" value="Submit"  />