Autorius Tema: jquery form submit  (Skaityta 1976 kartus)

Neprisijungęs viliuxx

  • Naujokas
  • *
  • Įrašai: 135
  • Karma: +1/-0
    • Žiūrėti profilį
jquery form submit
« Įrašytas: 2013-02-06 11:09:50 am »
Sveiki,

Problema toke

yra vienas failas html ir jame 2 atskiros formos su input submit

ir kai pirma forma submitinu man ir kita submitinasi kaip atskirti jas kad tik viena man submintintu o kitos neliestu ?


Pirma forma noriu siusti jquery budu y php ir gauti atsakyma json toks kodas jquery
$(document).ready(function() {
$('#forma').submit(function() {
    var data = $(this).serialize();
$.ajax({
type: 'POST',
url: '/php.php',
data: data,
dataType: 'json',
success: function (data) {
                $('#linkas').html('' + data.linkas + '');
            }
}); return false;
});
});

kai be antros formos viskas ok o kai su antra meta klaidas kas kad antros formos neuzpildau bet man reike tik pirma forma kad submitintu patarkit

pvz:
pirma forma
<form id="forma">
            <input type="text" name="linkas">
            <input type="submit" name="submit" value="tikrinti">
</form>

Antra forma

<form method=post name="addnews" id="addnews" onsubmit="if(checkxf()=='fail') return false;" action="$PHP_SELF">
            Vidaus nekeliu labai daug
            <input type="submit" class="btn btn-success" value="siusti" style="width:100px;">
</form>


Tikiuosi kad suprasit ko man reikia.

Neprisijungęs Lukas

  • Administratorius
  • Herojus
  • ******
  • Įrašai: 7431
  • Karma: +232/-15
    • Žiūrėti profilį
Ats: jquery form submit
« Atsakymas #1 Įrašytas: 2013-02-06 12:25:26 pm »

$(document).ready(function() {
$('#forma').submit(function() {
  console.log(this);
    var data = $(this).serialize();
console.log(data)
$.ajax({
type: 'POST',
url: '/php.php',
data: data,
dataType: 'json',
success: function (data) {
                $('#linkas').html('' + data.linkas + '');
            }
}); return false;
});
});

pradziai pora console.log(); pridejau, kad isitikinti, kad viskas atrodo taip, kaip tu isivaizduoji, nors siaip atrodo viskas ok. Sekantis dalykas yra paziureti tavo php failo logika
Jūsų draugas, kolega ir puslapio administratorius,

Lukas.

Gerda Photography
Serveriai.lt 50% nuolaida!
Free Hosting
Free Templates

Neprisijungęs viliuxx

  • Naujokas
  • *
  • Įrašai: 135
  • Karma: +1/-0
    • Žiūrėti profilį
Ats: jquery form submit
« Atsakymas #2 Įrašytas: 2013-02-06 12:56:49 pm »

$(document).ready(function() {
$('#forma').submit(function() {
  console.log(this);
    var data = $(this).serialize();
console.log(data)
$.ajax({
type: 'POST',
url: '/php.php',
data: data,
dataType: 'json',
success: function (data) {
                $('#linkas').html('' + data.linkas + '');
            }
}); return false;
});
});

pradziai pora console.log(); pridejau, kad isitikinti, kad viskas atrodo taip, kaip tu isivaizduoji, nors siaip atrodo viskas ok. Sekantis dalykas yra paziureti tavo php failo logika

Problema tave kad iki php nenueina man paspaudus pirmos formos submit man uzfiksuoja kad ir antros spaudzeiu kaip tai atskiret kad pirma liktu pirma o antra liktu antra ?

Neprisijungęs Lukas

  • Administratorius
  • Herojus
  • ******
  • Įrašai: 7431
  • Karma: +232/-15
    • Žiūrėti profilį
Ats: jquery form submit
« Atsakymas #3 Įrašytas: 2013-02-06 13:13:43 pm »
per id, ka tu ir darai, todel ir sakau, ar tikrai php logika yra gera ir ar tikrai i konsole gavai tai ko reikia kai idejai tuos loginimus?
Jūsų draugas, kolega ir puslapio administratorius,

Lukas.

Gerda Photography
Serveriai.lt 50% nuolaida!
Free Hosting
Free Templates

Manualai.lt Forumas

Ats: jquery form submit
« Atsakymas #3 Įrašytas: 2013-02-06 13:13:43 pm »

Neprisijungęs viliuxx

  • Naujokas
  • *
  • Įrašai: 135
  • Karma: +1/-0
    • Žiūrėti profilį
Ats: jquery form submit
« Atsakymas #4 Įrašytas: 2013-02-06 20:11:10 pm »
per id, ka tu ir darai, todel ir sakau, ar tikrai php logika yra gera ir ar tikrai i konsole gavai tai ko reikia kai idejai tuos loginimus?

Kai sukuriu dvi formas paprastam html viskas ok suveikia.
Kai idedu forma y tvs ir nebeveike ir esmes nepagaunu firebug nerodo nei klaidos nieko


Redaguoju:
Prblema toke kad formos viduja kuriau kita forma kaip apeiti sita dalyka kad forma formui butu ?
« Paskutinį kartą keitė: 2013-02-06 21:04:24 pm sukūrė viliuxx »

Neprisijungęs bendzaminas

  • Naujokas
  • *
  • Įrašai: 185
  • Karma: +11/-0
    • Žiūrėti profilį
Ats: jquery form submit
« Atsakymas #5 Įrašytas: 2013-02-06 21:49:45 pm »
per id, ka tu ir darai, todel ir sakau, ar tikrai php logika yra gera ir ar tikrai i konsole gavai tai ko reikia kai idejai tuos loginimus?

Kai sukuriu dvi formas paprastam html viskas ok suveikia.
Kai idedu forma y tvs ir nebeveike ir esmes nepagaunu firebug nerodo nei klaidos nieko


Redaguoju:
Prblema toke kad formos viduja kuriau kita forma kaip apeiti sita dalyka kad forma formui butu ?

Na, tavo kode ir ner tada dviejų formų, o viena forma su sintaksės klaidomis. Neisivaizduoju atvejo, kuriame negalima būtų išskaidyti į dvi formas. Gali bandyti makliavoti su ne:

var data = $(this).serialize();
bet

{inpuytas : $('fieldas').val(), inputas2:  $('fieldas2').val()}
Gal kažką išgaminsi, bet neaišku ar logikos bus tame :)

Neprisijungęs ganjabest

  • Dalyvis
  • **
  • Įrašai: 968
  • Karma: +41/-1
  • Povilas Stankevičius
    • Žiūrėti profilį
Ats: jquery form submit
« Atsakymas #6 Įrašytas: 2013-02-22 02:12:50 am »
Nu jeigu dar kazko reikia is sitos temos kazkam :)

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="../../jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="main.js"></script>
</head>

<body>
    <form id="first" action="#" method="post" onsubmit="return false;">
        <input type="text" name="name" placeholder="Vardas" /><br />
        <input type="text" name="surname" placeholder="Pavarde"  /><br />
<input type="submit" value="Update" />
    </form>
    <form id="second" action="#" method="post"  onsubmit="return false;">
        <input type="text" name="name" placeholder="Vardas2" /><br />
        <input type="text" name="surname" placeholder="Pavarde2" /><br />
<input type="submit" value="Update" />
    </form>
</body>
</html>

JS-pirmas variantas:
// JavaScript Document
$(document).ready(function() {

    $('form').submit(function(){
        var data = $(this).serialize();
        alert(data);
    });

});

JS-antras variantas:
// JavaScript Document
$(document).ready(function() {

    $('#first').submit(function(){
        var data = $(this).serialize();
alert(data);
    });
    $('#second').submit(function(){
var data = $(this).serialize();
alert(data);
    });

});

Is esmes abiem js kodo atvejais tas pats ir ta ka tu nori puikiai atlieka. O jeigu tau iki cia veikia ir su tavo kodu ziurek php :)
« Paskutinį kartą keitė: 2013-02-22 02:19:55 am sukūrė ganjabest »
Visi žmonės kaip žmonės - tik aš vienas kaip dievas!

Manualai.lt Forumas

Ats: jquery form submit
« Atsakymas #6 Įrašytas: 2013-02-22 02:12:50 am »