Submit form with Jquery UI

Question

I want the download now button to submit the form. I have tried

getElementById("forms").submit();
$("form").submit();
$("#forms").submit();

and still nothing works.

The UI pops up and does everything else it is suppose it but does not submit the form

Java script

    $(document).ready(function(){
    $("#dialog-download ").dialog({
        autoOpen: false,
        resizable: false,
        height: 140,
        width: 325,
        modal: true
    });
    $(".opener").click(function(){
        var that = this;
        var checkbox = $(that).next(":checkbox");

        $("#dialog-download").dialog("option", {
            buttons: {
                "Download Now": function(){
                    $(checkbox).prop("checked", !$(checkbox).attr("checked"));
                    $("#dialog-download").dialog("close");
            $("#forms").submit();
                },
                "Download Later ": function(){
                    $(checkbox).prop("checked", !$(checkbox).attr("checked"));
                    $("#dialog-download").dialog("close");
                },
                "Cancel": function(){
                    $("#dialog-download").dialog("close");
                }
            }
        });
        $("#dialog-download").dialog("open");
    });
});

HTML

<div id="dialog-download" title="Download Now?">
    <p><span style="float:left; margin:0 7px 20px 0;"></span>Download the file now or later?</p>
</div>

<form id = "forms" method="post" action="<?php echo $PHP_SELF;?>">
<a class="opener" href="#">db1.csv:</a>
<input id="c1" type="checkbox" name="download[]" value="db1.csv" /><br />
<...>
<input id="submit" type="submit" name="submit" value="submit" >
</form>

Works for me. jsfiddle.net/Fj2cC/2 The error has to be in your action. — bvulaj
– bvulaj, Commented May 1, 2012 at 18:59
When I click the Download Now button the alert does not show up — GeneralZero
– GeneralZero, Commented May 1, 2012 at 19:08

bvulaj · Accepted Answer · 2012-05-02 13:26:42Z

1

See the jQuery doc on submit().

Forms and their child elements should not use input names or ids that conflict with properties of a form, such as submit, length, or method. Name conflicts can cause confusing failures. For a complete list of rules and to check your markup for these problems, see DOMLint.

http://jsfiddle.net/Fj2cC/4/

answered May 2, 2012 at 13:26

bvulaj

5,1335 gold badges34 silver badges46 bronze badges

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

1 Comment

GeneralZero Over a year ago

That was one of the problems the other one was my if (!isset($_POST['submit'])) i had to change it to if (!isset($_POST['download']))

Collectives™ on Stack Overflow

Submit form with Jquery UI

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related