[AJAX][HTML]Przesyłanie dwóch formularzy na raz? Opcje

[kubax33]

Mam problem z wysłaniem dwóch formularzy i nie mogę sobie z nim poradzić...

mam przykłądowo formularze:

[PHP] pobierz, plaintext 
<form name=1 action=1.php>
inputy itp
<input type=submit>
</form>
 
<form name=2 action=upload.php>
upload zdjęć ajax
<input type=submit>
</form>
[PHP] pobierz, plaintext 

Jak wysłać dwa formularze za jednym razem choć wątpię czy to możliwe? Dodam, że upload w ajaxie jest z dynamicznym ładowaniem na bierzącej stronie w DIV-ie. Próbowałem w podójnymi submitami, ale problem powstaje kiedy np. w jednym formularzu mam inputy i upload zdjęć ponieważ do uploadu potrzebuję jednego submita i do zapisu do bazy również, a po kliknięciu submita odpowiadającego za zapis danych wszystkie dane post wysyła i wyświetla całą stronę w DIVIE z uploadem. Zmarnowałem dużo czasu na metodę prób i błędów i nic. Może jest jakiś lepszy sposób na połączenie wszystkiego w jeden formularz gdzie będzie UPLOAD z submitem i zapis do bazy z submitem. Formularza w formularzu nie można umiścić, ale właśnie tak jakby to mi jest potrzebne...

Ten post edytował kubax33 4.10.2013, 00:14:51

[gitbejbe]

czasami najprostrze rozwiązanie jest najtrudniejsze do zauważania : )

Może jest jakiś lepszy sposób na połączenie wszystkiego w jeden formularz

wystarczy, że zrobisz :

[HTML] pobierz, plaintext 
    <form name="1" action="1.php" enctype="multipart/form-data">
        inputy itp
        <input type=submit>
 
        upload zdjęć ajax
        <input type=submit>
    </form>
[HTML] pobierz, plaintext 

w ten o to sposób masz wszystko w jednym formularzu : ) (do uplodu zdjec nie zapomnij o enctype='multipart/form-data')

nie wiem tylko po co Ci upload z oddzielnym submitem. Do tego formularza wystarczy Tobie jeden submit i wtedy w php sprawdzasz czy zostały przesłane jakieś pliki, jeśli tak to wtedy coś tam z nimi robisz, jeśli nie, to zapisujesz reszte formularza do bazy : )

eidt:
zapomnialem o tym:

Dodam, że upload w ajaxie jest z dynamicznym ładowaniem na bierzącej stronie w DIV-ie.Próbowałem w podójnymi submitami, ale problem powstaje kiedy np. w jednym formularzu mam inputy i upload zdjęć ponieważ do uploadu potrzebuję jednego submita i do zapisu do bazy również, a po kliknięciu submita odpowiadającego za zapis danych wszystkie dane post wysyła i wyświetla całą stronę w DIVIE z uploadem

do uploadu ajaxem nie potrzebny Ci 2 submit ; ) zrób wszystko w jednym formularzu, naprawde : )

Ten post edytował gitbejbe 4.10.2013, 06:20:50

[kubax33]

Aby to zobrazować przesyłam fragment kodu jak to funkcjonuje:

[PHP] pobierz, plaintext 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
<script src="http://malsup.github.com/jquery.form.js"></script>
 
<style>
 
.progress 
{ 
position:relative; 
width:142px; 
border: 1px solid #ddd; 
padding: 1px; 
border-radius: 3px; 
}
.bar 
{
background: FF0000;
width:0%; 
height:20px; 
border-radius: 3px;
}
.percent 
{ position:absolute; 
display:inline-block; 
top:3px; 
left:48%; 
}
</style>
<?
if (!empty($_POST['wgraj']))
{
	////////////////// zapis danych
 
	echo "zapisano dane!";
}
 
if (!empty($_POST['wgraj2']))
{
	////////////////// upload zdjęć
 
	echo "wgrywam zdjęcia!";
}
else
{
echo '
<FORM action="spr.php" method="post" name="formularzdodaj" enctype="multipart/form-data">
 
 
<input name="plik1" type="file">
<input type="submit" name=wgraj2 value="Wgraj pliki ť">
 
    <div class="progress">
        <div class="bar"></div >
        <div class="percent">0%</div >
    </div>
 
    <div id="status"></div>
<BR><BR>
IMIE: <INPUT type="text" name="imie" id="imie"><BR>
NAZIWSKO: <INPUT type="text" name="nazwisko" id="nazwisko">
<BR><BR>
<input type="submit" name="wgraj" value="Wyślij inputy i upload ť">
 
</form>';
}
?>
<script>
(function() {
 
var bar = $('.bar');
var percent = $('.percent');
var status = $('#status');
 
$('form').ajaxForm({
    beforeSend: function() {
        status.empty();
        var percentVal = '0%';
        bar.width(percentVal)
        percent.html(percentVal);
    },
    uploadProgress: function(event, position, total, percentComplete) {
        var percentVal = percentComplete + '%';
        bar.width(percentVal)
        percent.html(percentVal);
		//console.log(percentVal, position, total);
    },
    success: function() {
        var percentVal = '100%';
        bar.width(percentVal)
        percent.html(percentVal);
    },
	complete: function(xhr) {
		status.html(xhr.responseText);
	}
}); 
 
})();       
</script>
[PHP] pobierz, plaintext 

Według Twojego sposobu jak widzisz ładuje wszystkie submity do DIVA. Nie wiem jak to ominać próbowałem drugiego submita zrobić takiego:

[PHP] pobierz, plaintext 
<a href="spr.php" onclick="document.formularz_edycja.submit();return false;">Wyślij inputy i upload ť</a>
[PHP] pobierz, plaintext 

I dopiero wtedy to przesyła, ale dla mnie to nie jest rozwiązanie ponieważ ten przycisk oprócz wysłania wszystkiego musi jeszcze sprawdzić czy dobrze wypełniono wszystkie dane na zasadzie walidacji jquery.
Co z tym zrobić...