L'envoi de plusieurs paramètres javascript à partir d'un bouton de formulaire HTML

Ok, donc j'ai un formulaire qui comporte trois zones de saisie, au moment où ils sont le texte, mais ils seront à changer de mot de passe. Lorsque le bouton envoyer est pressé, je veux le pour envoyer les données du formulaire à un script Ajax.

J'ai ce de travailler avec un seul paramètre, le bouton ressemble à ceci:

<input type="submit" name="submit" value="Submit" 
    onClick="return pass(this.form.oldPass.value;">

Maintenant, j'ai essayé d'ajouter le " cela.formulaire de " partie à trois reprises, car c'est le nombre de paramètres de la fonction serait de prendre, mais il ne semble pas faire n'importe quoi:

<input type="submit" name="submit" value="Submit" 
    onClick="return pass(this.form.oldPass.value,
                         this.form.newPass.value, 
                         this.form.newPassCheck);">

Est-ce la bonne façon de faire passer des données à un script? est-il un autre moyen de contourner cela, ou suis-je fait quelque chose de mal ici?

merci pour l'aide, si vous avez besoin de plus de code, je vais l'ajouter.

S'il vous plaît montrer function pass et ne pas appeler du code onclick d'un bouton d'envoi. Au lieu de l'appeler onsubmit du formulaire - et de préférence ajouté onload via un script dans la tête. Si vous n'avez PAS besoin de soumettre le formulaire, puis vous avez besoin de retourner faux dans l'événement onsubmit
Avec jQuery, vous avez juste besoin de faire un $.post("test.php", $("#testform").serialize());

OriginalL'auteur ragebunny | 2012-01-19

  1. 3

    essayer celui-ci. (vous avez besoin d' jquery pour ce faire.)

    <form>
 old pass <input type="password" id="old_pass" />
 new pass <input type="password" id="new_pass" />
 new pass confirmation <input type="password" id="new_pass_confirm"/>
</form>

    dans votre .js fichiers , écrire ceci:

    $(document).ready(function(){
    var old_pass = $('#old_pass').val();
    var new_pass = $('#new_pass').val();
    var new_pass_confirm = $('#new_pass_confirm').val();

    //then call your method with those vars as parameter
    anyMethod(old_pass, new_pass, new_pass_confirm);

});

//this is your function
function anyMethod(old_pass, new_pass, new_pass_confirm)
{
  //put your validation code or ajax call here...
}

    OriginalL'auteur under5hell

  2. 2

    Ajouter id pour chacune de vos boîtes d'entrée et vous pouvez obtenir la valeur de la fonction, comme:

    
function pass() {
 var old = document.getElementById("yourOldPassId").value;
 var new = document.getElementById("yourNewPassId").value;
 var newConfirm  = document.getElementById("yourNewConfirmPassId").value;
}

    Vouliez-vous dire quelque chose comme ceci

    OriginalL'auteur Sudhir Bastakoti

  3. 2

    Donner les entrées de certains identifiants et d'obtenir les données à partir de là.

    Quelque chose comme:

    <input type bla bla id="whateverId0" />

    Pour chaque entrée.

    La soumission devrait avoir quelque chose comme onclick="whateverFunction()"

    La js devrait ressembler à:

         function whateverFunction()
     {
          val0 = document.getElementById('whateverId0');
          //For all 3 values.

          //Do whatever you want with them.
     }

    OriginalL'auteur zozo

  4. 1

    Je crois que vous devriez ajouter un onSubmit écouteur à votre formulaire. Il y a de bons frameworks js comme jquery qui sont faciles à utiliser. De cette façon, vous pouvez faire un auditeur qui exécute une fonction lorsque vous soumettez votre formulaire. Dans cette fonction, vous pouvez extraire les données en json par exemple et ajax vers le serveur.

    info à propos de jquery

    jquery ajax

    comment faire pour extraire des données de formulaire

    OriginalL'auteur Adam Arold