Witam.

Mam pewien problem z wysłaniem formularza z pluginem jquery.form.js
Chcę wysłać formularz ale przed wysłaniem ma pojawić się okno z możliwością zaznaczenia dodatkowy opcji.
I okno pojawia mi się, ale formularz wysyła się zanim nacisnę Wykonaj.
Jak wstrzymać wysyłanie formularza do momentu naciśnięcia tego przycisku.

Wszystkie pliki do pobrania TU

[HTML] pobierz, plaintext 
<script>
 
 
	//###################################
	function Dialog(){
 
		$( "#dialog-form" ).dialog({
			autoOpen: true,
			height: 300,
			width: 350,
			modal: true,
			buttons: {
				"Wykonaj": function() {
 
					$('#poz1').val('2');
					$('#poz1').val('1');
					$('#poz3').val('1');
					$( this ).dialog( "close" );
 
				},
				"Rezygnuj": function() {
					$( this ).dialog( "close" );
				}
			},
			close: function() {
				$( this ).dialog( "close" );
			}
		});
	}
 
 
	function Zapisz(){
 
		var options = { 
			target:        '#status',   // target element(s) to be updated with server response 
			beforeSubmit:  Dialog,  // pre-submit callback 
			success:       showResponse  // post-submit callback 
		}; 
 
		// bind to the form's submit event 
		$('#opcje').ajaxSubmit(options); 
	 		return false; 
 
	}	
 
	function showResponse(responseText, statusText, xhr, $form)  { 
		alert(responseText); 
		} 		
	</script>
 
 
 
 
 
<div id="dialog-form" title="Dodatkowe opcję" style="display: none;">
	<p class="validateTips">Zaznacz odpowiednie opcję</p>
 
	<form>
	<fieldset>
		<label for="name">Pozycja1:<input type="checkbox" name="poz1"  id="poz1" /></label>
		<label for="name">Pozycja1:<input type="checkbox" name="poz2"  id="poz2" /></label>
		<label for="name">Pozycja1:<input type="checkbox" name="poz3"   id="poz3" /></label>
 
	</fieldset>
	</form>
</div>
 
<form action="dane.php" method="post" id="opcje">
	<input type="hidden" name="frek" >
	<input type="hidden" name="oceny" >
	<input type="hidden" name="grupy" > 
 
	imię:<input type="text" name="imie"><br>
	coś:<input type="text" name="cos">
 
	<input type="button" value="usun" onclick="Zapisz();" >
</form>
 
<div id="status"></div>
 
[HTML] pobierz, plaintext 

Witam.

event.preventDefault

[JAVASCRIPT] pobierz, plaintext 
function Zapisz(event){
event.preventDefault();
...
[JAVASCRIPT] pobierz, plaintext 

Coś mi to nie wychodzi, nigdy nie stonowałem tej funkcji.
Zmieniłem te linie ale nie działa.

[HTML] pobierz, plaintext 
 
	$("#zapisz").click(function(event) {
		event.preventDefault();
 
		var options = { 
			target:        '#status',   // target element(s) to be updated with server response 
			beforeSubmit:  Dialog,  // pre-submit callback 
			success:       showResponse  // post-submit callback 
		}; 
 
		// bind to the form's submit event 
		$('#opcje').ajaxSubmit(options); 
	 		return false; 
 
	});	
[HTML] pobierz, plaintext 

I

[HTML] pobierz, plaintext 
<form action="dane.php" method="post" id="opcje">
	<input type="hidden" name="frek" >
	<input type="hidden" name="oceny" >
	<input type="hidden" name="grupy" > 
 
	imię:<input type="text" name="imie"><br>
	coś:<input type="text" name="cos">
 
	<input type="button" value="usun" id="zapisz" >
</form>
[HTML] pobierz, plaintext 

Wywal return false z funkcji.

Pytanie co nie działa?

Opdal Firebuga w FF albo Dragonfly w Operze. Otwórz zakładkę konsola lub błędy.

[JAVASCRIPT] pobierz, plaintext 
	$("#zapisz").click(function(event) {
		event.preventDefault();
 
		var options = { 
			target:        '#status',   // target element(s) to be updated with server response 
			beforeSubmit:  Dialog,  // pre-submit callback 
			success:       showResponse  // post-submit callback 
		}; 
 
		// bind to the form's submit event 
		$('#opcje').ajaxSubmit(options); 
	 	console.log('ajaxSubmit');
 
	});	
[JAVASCRIPT] pobierz, plaintext 

Witam.

Usunąłem ten return false ale nadal wysyła mi ten formularz zanim nacisnę Wykonaj w oknie.
On nie zwraca żadnego błędu.
Umieściłem skrypt pod adresem http://marek.kilofmar.com.pl/dialog/index.html

Hej.

Błędy są.

Uncaught exception: RangeError: Maximum recursion depth exceeded

[JAVASCRIPT] pobierz, plaintext 
function Dialog(){
 
		$( "#dialog-form" ).dialog({
			autoOpen: true,
			height: 300,
			width: 350,
			modal: true,
			buttons: {
				"Wykonaj": function() {
 
					$('#poz1').val('2');
					$('#poz1').val('1');
					$('#poz3').val('1');
					$( this ).dialog( "close" ); 
 
				},
				"Rezygnuj": function() {
					$( this ).dialog( "close" );  
				}
			},
			close: function() {
				$( this ).dialog( "close" ); //Maximum recursion depth exceeded
                                                        //Tu zamknij tego modala a nie wywołuj funkcji zamykającej w nieskończoność
			}
		});
	}
[JAVASCRIPT] pobierz, plaintext 

Faktycznie był błąd, dzięki.
Usunąłem ta funkcje "close" ale niestety nadal wysyła mi formularz zaraz po włączeniu okna.

[HTML] pobierz, plaintext 
 
	//###################################
	function Dialog(){
 
		$( "#dialog-form" ).dialog({
			autoOpen: true,
			height: 300,
			width: 350,
			modal: true,
			buttons: {
				"Wykonaj": function() {
 
					$('#poz1').val('2');
					$('#poz1').val('1');
					$('#poz3').val('1');
					$( this ).dialog( "close" );
 
				},
				"Rezygnuj": function() {
					$( this ).dialog( "close" );
				}
			}
		});
	}
 
 
	$("#zapisz").click(function(event) {
		event.preventDefault();
 
		var options = {
		target: '#status', // target element(s) to be updated with server response
		beforeSubmit: Dialog, // pre-submit callback
		success: showResponse // post-submit callback
		};
 
		// bind to the form's submit event
		$('#opcje').ajaxSubmit(options);
		console.log('ajaxSubmit');
 
		}); 
 
	function showResponse(responseText, statusText, xhr, $form)  { 
		alert(responseText); 
		} 		
 
[HTML] pobierz, plaintext 

Udało mi się to rozwiązać wiedź wstawiam poprawny kod

[HTML] pobierz, plaintext 
 
<script>
 
 
$("#zapisz").click(function(event) {
		$( "#dialog-form" ).dialog({
			autoOpen: true,
			height: 300,
			width: 350,
			modal: true,
			buttons: {
				"Wykonaj": function() {
 
					$('#poz1').val('2');
					$('#poz1').val('1');
					$('#poz3').val('1');
					//opcje do formularza
					var options = {
						target: '#status', // target element(s) to be updated with server response
						 // pre-submit callback
						success: showResponse // post-submit callback
						};
					// i tu wysylamy form
					$('#opcje').ajaxSubmit(options);
					$( this ).dialog( "close" );
 
				},
				"Rezygnuj": function() {
					$( this ).dialog( "close" );
				}
			}
		});
 
}); 		
 
 
 
	function showResponse(responseText, statusText, xhr, $form)  { 
		alert(responseText); 
		} 		
	</script>
 
[HTML] pobierz, plaintext