Jquery confirm dialog.

Witam, chciałbym zapytać jak poprawnie napisać jquery dialog który przed submitem formularza zapyta czy na pewno to zrobić.

Mam coś takiego

input w fieldset

  <input class="myButtons" type="button" onclick="submitForm()" style="margin-top:-5px;width:312px;" value="Złóż zamówienie" />

oraz funkcję

<script type="text/javascript">
            function submitForm() {
                var r = confirm("Potwierdź złożenie zamówienia");
                if (r == true) {
                    submit(function () {
                        alert('złożone');
                        return true;
                    });
                }
            }
        </script>

nie wiem co jest źle ale to nie działa... co zrobić żeby to poprawnie zadziałało?

Po sprawdzeniu warunku wywołujesz:

document.getElementById("id_twojego_formularza").submit();

A co jesli ja nie mam formularza ? tzn aplikacja jest .net mvc i wygląda tak

    @using (Html.BeginForm("ConfirmOrder", "CreateOrder", FormMethod.Post))
    {
        @Html.AntiForgeryToken()
        @Html.ValidationSummary()

            <fieldset style="float:left">
                @if (ViewBag.Message != null)
                {
                    <span class="message-success">@ViewBag.Message</span>
                }
                <ol>
                    <li>
                        @Html.LabelFor(m => m.Indeks)
                        @Html.TextBoxFor(m => m.Indeks)
                    </li>
                    <li>
                        @Html.LabelFor(m => m.Forma)
                        <select name="forma" id="forma" class="orderForma">
                            <option value=""></option>
                            <option value="DL-drm">DL-drm</option>
                            <option value="DL-nodrm">DL-nodrm</option>
                            <option value="DL-wm">DL-wm</option>
                            <option value="DL-nowm">DL-nowm</option>
                            <option value="DL-ebwm">DL-ebwm</option>
                        </select>
                    </li>
                    <li>
                        @Html.LabelFor(m => m.Komentarz)
                        @Html.TextBoxFor(m => m.Komentarz)
                    </li>
                </ol>
                <input class="myButtons" type="button" onclick="submitForm()" style="margin-top:-5px;width:312px;" value="Złóż zamówienie" />
            </fieldset>
            @Html.Partial("PlaceOrderFragment")
            }

skrypt natomiast jest taki :

  <script type="text/javascript">
            function submitForm() {
                var r = confirm("Potwierdź złożenie zamówienia");
                if (r == true) {
                    $('').submit();
                } else {
                    alert("Operacja została anulowana");
                }
            }   
        </script>

ponadto chciałbym ten dialog jakoś ostylować by był na środku ekranu i generalnie pasował do reszty strony

czyżby tak ?

  @using (Html.BeginForm("ConfirmOrder", "CreateOrder", FormMethod.Post, new { name = "confirmOrder", id = "confirmOrder" })) 

 <script type="text/javascript">
            function submitForm() {
                var r = confirm("Potwierdź złożenie zamówienia");
                if (r == true) {
                    document.getElementById("confirmOrder").submit();
                } else {
                    alert("Operacja została anulowana");
                }
            }   
        </script>

Skoro masz Html.BeginForm, to masz i formularz.

Jasne. tylko nie nazwany i bez id, ale już sobie z tym poradziłem tak jak wyżej. dzięki i do zamknięcia.