Jquery Post + php Datei - > ausblenden der form > gib Meldung

hier ist mein code zu jquery-post. Ich kann nicht damit es funktioniert irgendwie. Ich verbrachte Stunden 🙁 was vermisse ich hier?! wenn ich den code ausführen, lädt die gleiche Seite 🙁

Ich soll es zum ausführen des php-Codes unter
Abfrage.php-und ausblenden der Kontakt-Formular
und "danke!" - Nachricht zu senden
submit-button klicken. (ohne Seite
laden)

schätzen wissen hilft!

PHP-Formular

<form id="commentForm" name="contact" method="post" action="">
    <ul id="contact-form">
        <li><label>Full Name: *</label><input type="text" name="full_name" class="txt_input required" /></li>
        <li><input type="submit" value="Send" id="btnsend" name="btnsend" class="btn_submit" /></li>
    </ul>
</form>

SKRIPT

$(function() {

    $("#btnsend").click(function() {
        var dataString = 'fullname='+ escape(full_name);
        $.ajax({
            type: "POST",
            url: "query.php?act=contact",
            data: dataString,
            success: function() {
            $('#contact-form').hide();
        $('#contact-form').html("<p>thanks!</p>")
        .fadeIn(1500, function() {$('#contact-form').append("");});
       } 

    });

    return false;
    });
 });

Das <label> - element ist ziemlich nutzlos. Es gibt kein Attribut und kein input drin.
Was versuchen Sie zu tun?
das Label-element ist nicht enthalten soll, der input, noch braucht es eine für Attribut.
Siehe w3.org/TR/html4/interact/forms.html#h-17.9.1 — wenn Sie ein Attribut für das label ist verbunden mit dem element, das eine id entspricht, die für das Attribut. Ansonsten ist das label im Zusammenhang mit dessen Inhalt. In diesem Fall, die Bezeichnung ist nicht verbunden mit irgendeiner form Kontrolle, was ihn nutzlos macht.

InformationsquelleAutor |

2

Dein problem liegt in: var dataString = 'fullname='+ escape(full_name);

Versuchen: var dataString = 'fullname='+ escape(document.contact.full_name.value);

ZB:
```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
 <title>Example</title>

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
 <script type="text/javascript">
  $(function() {
   $("#btnsend").click(function() {
    var dataString = 'fullname='+ escape(document.contact.full_name.value);

    $.ajax( {
     type: "POST",
     url: "query.php?act=contact",
     data: dataString,
     success: function() {
      $('#contact-form').hide();
      $('#contact-form').html("<p>thanks!</p>").fadeIn(1500, function() { 
       $('#contact-form').append("");
      });
       }  
    });

    return false;
   });
  });
 </script>
</head>

<body>
 <form id="commentForm" name="contact" method="post" action="">
  <ul id="contact-form">
   <li><label>Full Name: *</label><input type="text" name="full_name" class="txt_input required" /></li>
   <li><input type="submit" value="Send" id="btnsend" name="btnsend" class="btn_submit" /></li>
  </ul>
 </form>
</body>
```
Stellen Sie sicher query.php existiert, obwohl sonst es wird nicht führen Sie den call-back-Funktion auf Erfolg.

Auch sicherstellen, dass Sie klicken Sie auf die Schaltfläche und betätigen Sie die ENTER Schlüssel da, die senden das Formular normal (Sie haben nur definiert einen event-handler für das klicken nicht keypress)
- oooohh! Ich kann es nicht glauben! Dank so viel.... mein main war über query.php Zugriff auf :/ nun gibt es Dank der Nachricht, mit fading Effekt : ) ich werde mich Jetzt an die Arbeit, die auf die E-Mail-Aktion und form-control! danke!
- wie kann ich es mit einer weiteren Validierung Skript? :/ Ich benutze das Skript unter den link jquery.bassistance.de/validate/demo/... . Wahrscheinlich muss ich anrufen das post script auf den Erfolg bei der Validierung Skript? oder keine Möglichkeit?
- Wenn du gehst, um jQuery verwenden, dann verwenden jQuery, um den Wert der input-als auch. Auch müssten Sie zum ausführen der validator, bevor Sie den ajax-post. Der einfachste Weg ist, zu ändern, zu handhaben das submit-Ereignis des Formulars und stellen Sie sicher, dass der validator die Behandler angewendet werden, bevor Sie Ihre ajax-submit-handler. Damit ist Ihre Funktion wird nur aufgerufen werden, wenn das Formular gültig ist.
- Obwohl ich Sie laden jquery-post.js nach der Bestätigung dauert es post-action-ersten. kann es sein, weil ich führen post-code auf den submit-button klicken?  <script src="inc/validation/lib/jquery.js" type="text/javascript"></script> <script src="inc/validation/jquery.validate.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $("#commentForm").validate(); }); </script>  <script src="js/post-contact.js" type="text/javascript"></script>
InformationsquelleAutor

Können Sie preventDefault auf die Schaltfläche klicken oder die return-false, auf die form der submit-Ereignis:

$(function() {
    $("#btnsend").click(function(e) {
            e.preventDefault();
            var full_name = $('input["name=full_name"]').val();
            var dataString = 'fullname='+ full_name;
            $.ajax({
              type: "POST",
              url: "query.php?act=contact",
              data: dataString,
              success: function() {
                    $('#contact-form').hide();
                    $('#contact-form').html("<p>thanks!</p>")
                                      .fadeIn(1500, function() {$('#contact-form').append("");});
               }
        });
    });
});

oder:

$('#commentForm').submit(function() {
    return false;
});

versucht und keine Aktion : (
full_name nicht zugeordnet wurde nichts, jetzt versuchen
außerdem, Sie können sicher entfernen das action-Attribut.

InformationsquelleAutor karim79

Versuchen:

$(function() {

$("#btnsend").click(function() {

        $.ajax({
          type: "POST",
          url: "query.php?act=contact",
          data: { fullname: $('input[name=full_name]').val() },
          success: function() {
        $('#contact-form').hide();
                $('#contact-form').html("<p>thanks!</p>")
        .fadeIn(1500, function() {$('#contact-form').append("");});
           } 

    });

    return false;
});
});

+1 - ich denke, er wird auch ein problem, weil "btnSend" ist ein submit-button.
Suart: Ahh ja, möglicherweise. Er ist wieder 'falsch' obwohl, die möglicherweise die Veranstaltung abzusagen.
versucht, keine Aktion 🙁

InformationsquelleAutor James Hall

0

Ich denke, dass Sie mindestens 3 Probleme hier. Ersten, die Sie verweisen, full_name, als ob es eine variable. Ich glaube, dies verursacht einen javascript-Fehler, bricht die Funktion ab und ermöglicht die default-Aktion (post), um fortzufahren. Zweitens, werden Sie wahrscheinlich benötigen, um die Codierung ALLER von der form-Parameter, einschließlich act. Dies ist möglicherweise die Ursache eine ungültige URL gesendet werden und somit die Aktion scheinbar nicht aufgerufen worden-Sie können dies überprüfen, indem man die Anfrage gesendet wird mit Firefox/Firebug. Dritte, die Sie versuchen, ersetzen Sie den Inhalt einer Liste mit einem Absatz-element. Das ist ungültiges HTML. Ich würde ersetzen Sie die gesamte Liste mit dem Absatz (und ich verstehe nicht, was das anfügen einer leeren Zeichenfolge am Ende, so hab ich es weggelassen).

Hinweis, ich habe mich verändert in dieser Arbeit auf das submit-Ereignis des Formulars-also, es wird nicht egal, wie es gesendet wurde. Erlaubt auch mir ein wenig jQuery Nettigkeit in nicht mit, um sich die form wieder.
```
 $('#commentform').submit(function() {
   var $this = $(this);
   $.ajax({
     url: "query.php",
     data:  { 'act': 'contact', 'full_name', $('input[name="full_name"]').val() },
     success: function() {
        $('#contact-form').remove();
        $this.hide().html("<p>thanks!</p>").fadeIn(1500);
     }  
  });
  return false;
}
```
InformationsquelleAutor

Dies ist mein Weg zum aufrufen der PHP-Funktion direkt via jQuery

//in html file
<script language="javascript">
  $.post("thisisphp.php",{ func:"true", varbl: 'valu2' },function(data) {
    $('.thisdiv #subdiv').html(data);
  });    
</script>

PHP-Datei thisisphp.php

<?php
    //include connection creating file.
    require_once("database.php");
    $db = & new Database();

    function getDateAppointments($varible1, $varible2, $db) {    
      $q_appointment = "SELECT * FROM `tbl_apoint` WHERE ap_date = '".$varible1."'"; 
      $s_appointment = $db->SelectQuery($q_appointment);

      while($r_appointment = mysql_fetch_array($s_appointment))
      {
        echo '<div id="appoinment">'.$r_appointment['ap_title'].'</div>'; 
      }     
    }    

    /* This function for set positions of the day */        
    switch($_POST['func']) {
      case 'true':
        getFunc1($_POST['varbl'], 'S0001', $db);
        break;
      default:
        getFunc2($_POST['varbl'], 'S0001', $db);        
    }    
?>

InformationsquelleAutor

0

Kann diese Ihnen helfen?

PS: Sie können Ihre investieren wollte, verheimlichte und zeigt Formular-Skript in onSucces und onError-Funktionen.

InformationsquelleAutor

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.