Jquery Popup soumettre le formulaire

Je suis assez nouveau à l'ajax et je travaille avec jquery mobile. Ce que je fais, c'est un formulaire de connexion à l'intérieur d'une fenêtre popup et j'ai le code pour le rendre à la fois le travail mais je ne suis pas sûr de la manière de connecter les deux de sorte qu'elle fonctionne réellement.

Ici, c'est le pop up html

<a href="#popupLogin" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-icon="check" data-theme="a" data-transition="pop">Login</a>
        <div data-role="popup" id="popupLogin" data-overlay-theme="a" data-theme="a" class="ui-corner-all">
        <form id="popuplogin">
            <div style="padding:10px 20px;">
                <h3>Please Login</h3>
                <label for="un" class="ui-hidden-accessible">Username:</label>
                <input type="text" name="user" id="un" value="" placeholder="username" data-theme="a">
                <label for="pw" class="ui-hidden-accessible">Password:</label>
                <input type="password" name="pass" id="pw" value="" placeholder="password" data-theme="a">
                <button type="submit" data-theme="b" data-icon="check">Sign in</button>
            </div>
        </form>
        </div>

et voici mon script. Ma question est comment puis-je relier les deux ensemble.

$("#popupLogin").submit(function() {
$.ajax({
type: "POST",
url: "submiturl",
data: $("input#name").val(),
success: function(html) {
  //show the confirmation inside the popup
}
})
})

Pour être honnête, je ne suis même pas sûr que je comprends parfaitement l'ajax, mais si quelqu'un pouvait m'aider à comprendre. il serait grandement apprécié.

  • Il n'y a pas de forme avec l'ID form, donc rien ne sera déclenchée. Ne pas mentionner que vous avez 3 types de balises qui ont l'ID popuplogin qui n'est pas valide HTML5. Id doit être unique.
  • eh bien j'ai compris la partie sur le début de l'ajax j'ai juste ne pas bien comprendre comment la partie de code qui fonctionne. aussi le code que j'ai utilisé est directement à partir de l'jquery mobile site web
  • Indépendamment de l'endroit où vous l'avez obtenu, il n'y a pas de forme avec l'id "forme", donc pas de ajax sera appelée. Ni est-il une entrée avec l'id "nom", donc il n'y a pas de valeur. Lorsque vous soumettez le formulaire, jQuery va déclencher parce qu'il déclenche lorsque le formulaire est soumis. Quand il déclenche, il appelle la fonction ajax.
  • ok, donc je l'ai changé pour appeler popupLogin. pouvez-vous nous expliquer comment cela ajax fonctionne. comme l'endroit où je voudrais aller travailler mon php pour travailler avec les données?
  • Type:"POST" signifie que les données sont envoyées via la poste, ce qui signifie que l'URL ne contiennent pas les données. url - l'URL les données seront envoyées. Si l'URL est www.mywebsite.com/derp.php, derp.php va recevoir les données. Données - les données passées dans le POST pour être traitées par votre serveur de code. Succès - une fonction anonyme qui reçoit un "rappel" dans le code serveur. Rien de sortie dans le code serveur sera de retour, si l'appel est réussi.
  • mon autre chose, c'est que j'ai remarqué que lorsque je soumets le formulaire, l'url change et affiche les données dans l'url
  • Vous auriez à le définir comme data: "key="+$("#selector").val()

InformationsquelleAutor Josh C. | 2013-10-18
  1. 1

    essayer quelque chose comme cela.

    <button type="button" data-theme="b" data-icon="check" data-inline="true" onclick="validLogin()">Sign in</button>

    en ajoutant le onclick votre appel de la fonction javascript. I. E reliant les deux Morceaux de code

    Puis dans votre javascript faire quelque chose comme cela.

    function validLogin(){
var uname=$('#uname').val();
var password=$('#password').val();
$.ajax({
    type: "POST",
    url: "scripts/processed.php",
    data: {"uname": uname, "password":password},
    cache: false,
    success: function(result){
        var result=trim(result);
        if(result=='correct'){
            window.location='index.php';
            $('#loginForm').submit();
        }else{
            $("#loginerror").html(result);
            return false;
        }
    }
});
}

    qui devrait faire ce que vous voulez.

    InformationsquelleAutor user3404634
  2. 0

    Voir cette ligne:

    <a href="#popupLogin" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-icon="check" data-theme="a" data-transition="pop">Login</a>

    et 

    <form id="popuplogin">

    changement <a href="#popupLogin" à <a href="#popuplogin"

    • Faux, il faut changer l'ID entièrement, comme ils devraient l'être 100% unique.
    • la popup des charges de l'amende juste ce qui va changer, que faire?
    InformationsquelleAutor Sardor Dushamov
  3. 0

    Votre popup code semble correct.
    Je voudrais changer votre code de formulaire à 

    <form id="formLogin" action="@submitUrl" method="post">

    Alors votre bouton de soumission doit soumettre le formulaire de données sans que vous ayez à faire tout javascript.

    InformationsquelleAutor Christine