tags:

views:

343

answers:

2
+1  Q: 

Attach jQuery dialog to Submit button in ASP.NET-MVC

I have a submit button which has been working to submit my form in ASP.NET-MVC.

I would like to attach a jQuery dialog to the button click. If the user exits out of the dialog, then I would like to exit from the submit as well.

I have dialogs hooked to other buttons, but not submits. How can I do this?

*EDITED*

This is an example of the dialog I have on another button.

<button type="button" id="create-company" >Create Company</button>

<div id="popupCreateService_Line" title="Create a new service line"> 
<fieldset>
    <label for="service_line_name">Name:</label>
    <%= Html.TextBox("service_line_name") %>

    <label for="service_line_desc">Desc:</label>
    <%= Html.TextBox("service_line_desc") %>

</fieldset>
</div>

$("#create-service_line").click(function() {
                $('#popupCreateService_Line').dialog('open');
            });
A: 

By dialog im not sure if you are referring to some custom css dialog or a confirm dialog in javascript. For the latter this code should work just fine. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
    <html xmlns="http://www.w3.org/1999/xhtml"&gt;
    <head>
        <title></title>
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
    </head>
    <body>
        <form method="get" action="focusout.htm">
            <input type="submit" id="button" value="Submit" />
        </form>
        <script type="text/javascript">

            $("#button").click(function () {
                return confirm("are you sure you want to click?");
            });
        </script>
    </body>
    </html>
wcpro  2010-04-30 18:15:00
I don't think this is what the asker had in mind :)
Nick Craver  2010-04-30 18:18:08
+1  A: 

attach this to your form load event..

  $(document).bind("keyup.EventPopupEvents", null, function(event)
{
    if (event.keyCode == 27)
    {
        ShutdownEditEventForm();
    }
});

add these two functions:

 function ShutdownEditEventForm(){
$(document).unbind(".EventPopupEvents");
HidePopup($("#EventPopup"));}

function HidePopup($popup){
$("#PopupBackground").hide();
$("#PopupBackground").remove();
$popup.hide();}

add this to your form load for the save:

$("#EditEventSaveButton").click(function() { SaveEvent(id, onSaveCallback); });

hth :)

Avien  2010-04-30 18:28:03

related questions

Submit button not working
Running script before form submittal, ASP.NET
JavaScript form submitting using an image is not working
.NET MVC - Form submit causes postback instead of onSubmit javascript execution
Rails, Edit page update in a window
Do you always REDIRECT after POST? If yes, How do you manage it?
Automatically pressing a "submit" button using python
Thickbox won't submit in IE8
Hitting "enter" does not post form in Ie8
How to disable submit button in jQuery if form fields have not been modified?
Why does naming your HTML form submit button "submit" break things?
bind dynamicly added form too submit event with jquery
How can PHP determine if user pressed Enter key or Submit button?
JavaScript OnBlur event prevents HTML form from being submitted
JQuery .trigger('submit') breaking
1. I fill out a form & click submit. 2. I get the results page. Goal: Get the same results without filling out the form again.
Javascript - form select element open url in new window and submit form
How do I submit a form with a link in ASP.Net MVC?
How to prevent repeated postbacks from confusing my business layer
submit a form via Ajax using prototype and update a result div
How do I capture response of form.submit
How do I submit a form given only the HTML source?
Submit form input fields added with javascript
How to make a submit out of a <a href...>...</a> link?
Multiple submit buttons on a HTML form