Search jQuery

jQuery Forum

xion.jque..

Submit Jquery Modal Confirmation

in Using jQuery UI • 12 years ago

Hello. Im using the jqueryui plugin and I'm using the code for the jquery modal confirmation shown in the demo. If you see the demo, where the text is written i have a form with a couple of input fields. What I want to do is that when u press "delete all" for the form tu submit. I see the demo for the modal form, but that one has a lot of validations and when I try to modify it the code breaks and doesnt work. I only need for the form to submit when u press the button, no validation. Thanks!

Replies(5)

speedpack..

Re: Submit Jquery Modal Confirmation

12 years ago

Sorry, but would you mind posting the actual problem you are having? Many people on these boards would love to help you out, but some effort on your end would be very much appreciated...

Admins will correct me if I'm not right here :)

---
http://www.flexin.be

xion.jque..

Re: Submit Jquery Modal Confirmation

12 years ago

<script type="text/javascript">
    $(function() {
        // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
        $("#dialog").dialog("destroy");

        $("#dialog-confirm").dialog({
            resizable: false,
            height:700,
                        width:650,
            modal: true,
            buttons: {
                'Save': function() {
                    $(this).dialog('close');
                },
                Cancel: function() {
                    $(this).dialog('close');
                }
            }
        });
    });
    </script>

<div id="dialog-confirm" title="Submit">
	<form action"test.php" method="post">
	 <input name="name" type="text" value="" />
	</form>
</div>

xion.jque..

Re: Submit Jquery Modal Confirmation

12 years ago

Also, in the "cancel" i want it insted of do the $(this).dialog('close') for it to actually go to a link, how can i do that?

1uka.z

Re: Submit Jquery Modal Confirmation

12 years ago

Go to a link ?? Where inside the Dialog ?? If yes, instead the $(this).dialog("close"); use something with the location.replace() method of plain Javascript [Don't know now if jQuery has something to that], if not, do the same but for the window and close the dialog. Or make an anchor with target _blank. Be more specific, please on what you need.

For the first question, is easy; give the form an ID, and then instead the $(this).dialog("close"); in the "Save" button, use ("#FormID").submit(); just as simple as that. But you probably need to do the submit via AJAX, for what you'll need to assign a custom event handler to that submit ...

Ah ! If some line of code says ignore! You should do it !!! take it away, unless is necesary

Cheers

xion.jque..