Anzeige

jQueryMobile - Formular

jQueryMobile - Formular | PSD-Tutorials.de

Erstellt von johanna52, 01.10.2011.

  1. johanna52

    johanna52 Interessierte

    Dabei seit:
    16.09.2006
    Beiträge:
    577
    Geschlecht:
    weiblich
    Ort:
    nähe Paderborn
    Software:
    InDesign, Dreamweaver, Photoshop, Illustrator, Premiere u.a.
    jQueryMobile - Formular
    Hallo alle zusammen,

    da mir die mobilen Seiten mit html5 allein noch nicht ausreichen, habe ich dazu noch jQueryMobile hinzugenommen. Es klappt auch soweit recht gut. Aber bei den Formularen stosse ich nun auf meine Grenzen.
    Kennt sich da evtl. schon jemand aus?

    Hier kann ich im form-Tag nicht einfach mit aktion="seite.php" auf eine andere page verweisen, damit es weiter versendet wird.
    Beispiel: <form id="frmLogin" action="#download" class="validate" method="post">

    Im Internet habe ich über Google ein JavaScript dafür gefunden, aber auch dieses funktioniert nicht. Irgendwie muß ich aber die Daten versenden können, sonst bringt das Formular ja nichts.
    Das JS:
    Code (Text):
    1.  
    2. function onSuccess(data, status)
    3.         {
    4.             data = $.trim(data);
    5.             $("#notification").text(data);
    6.         }
    7.  
    8.         function onError(data, status)
    9.         {
    10.             // handle an error
    11.         }      
    12.  
    13.         $(document).ready(function() {
    14.             $("#submit").click(function(){
    15.  
    16.                 var formData = $("#frmLogin").serialize();
    17.  
    18.                 $.ajax({
    19.                     type: "POST",
    20.                     url: "password.php",
    21.                     cache: false,
    22.                     data: formData,
    23.                     success: onSuccess,
    24.                     error: onError
    25.                 });
    26.  
    27.                 return false;
    28.             });
    29.         });
    30.  
    Wäre schön, wenn mir jemand weiterhelfen könnte. Vielleicht hab ich ja auf diesen vielen englischen Seiten einfach etwas falsch verstanden.
     
    #1      
  2. Doitsu

    Doitsu Aktives Mitglied

    Dabei seit:
    15.04.2009
    Beiträge:
    482
    jQueryMobile - Formular
    AW: jQueryMobile - Formular

    "funktioniert nicht" ist keine Fehlerbeschreibung.

    Gibt es Fehlermeldungen seitens Javascript(/php)?
    Hast du mal geschaut (ob) was in password.php ankommt [var_dump($_POST) - Ausgabe abfangen / s.u.]
    Was geschieht in password.php?
    Warum kannst du kein action= benutzen?

    Ansonsten kann ich dir nur Firebug empfehlen, unter dem Punkt "Net (Netzwerk)" kannst du gucken (ob) was gesendet wurde, siehst ob die Verbindung aufgebaut wurde, etc ..
     
    #2      
  3. johanna52

    johanna52 Interessierte

    Dabei seit:
    16.09.2006
    Beiträge:
    577
    Geschlecht:
    weiblich
    Ort:
    nähe Paderborn
    Software:
    InDesign, Dreamweaver, Photoshop, Illustrator, Premiere u.a.
    jQueryMobile - Formular
    AW: jQueryMobile - Formular

    Hallo alle zusammen,

    habe nun das richtige Attribut gefunden. Bei jQueryMobil muß im form-Tag mit data-ajax="false" Ajax deaktiviert werden.

    <form id="frmLogin" action="password.php" method="post" data-ajax="false">

    funktioniert jetzt.
     
    #3      
x
×
×