7
votes

Ajouter une valeur d'entrée externe au formulaire sur Soumettre

J'ai une forme typique: xxx pré>

et un élément non insidia-a-formulaire: p> xxx pré>

Comment puis-je ajouter La valeur du mot de passe dans le formulaire lorsque je soumettez le formulaire? p>

$('form').submit(function(){
   //hmmm
});


0 commentaires

5 Réponses :


1
votes
$('form').submit(function(){
   var password = $('input[type="password"]');
   password.appendTo($(this));
   //or $(this).append(password);
});

0 commentaires

16
votes

Créer un champ masqué dans le formulaire et copier la valeur du champ de mot de passe sur ce champ sur Soumettre. Comme ça. xxx pré>

et dans la fonction Soumettre. P>

$('form').submit(function(){
   $('input#ps').val($('input#ps1').val());
   return true;
});


4 commentaires

Ah, pourquoi je n'ai pas pensé à ça? Merci!


Y a-t-il une ajout de plus en plus de champs?


@ coder771 Oui, vous pouvez ajouter n'importe quel peu de champs avant de retourner.


@ coder771 Vous pouvez simplement ajouter de nombreux champs de saisie cachés que vous le souhaitez.



0
votes

Inclure un élément d'entrée caché à l'intérieur du formulaire, Dans l'événement de changement de l'entrée extérieure, attribuez l'entrée interne de la valeur des entrées extérieures.

<form action="" accept-charset="utf-8" method="post">
    <textarea name="content"></textarea>
    <input type="hidden" id="inner" />
</form>
<input type="password" name="password" >


<script type="text/javascript">
    $(function(){
        $('#outer').change(function(){
            $('#inner').val($(this).val());
        });
    });
</script>


0 commentaires

0
votes

Utilisez le champ d'entrée caché à l'intérieur de la forme, comme celui-ci:

ex:

Lorsque vous soumettez le formulaire ceci: xxx

});


0 commentaires

5
votes

Le moyen conforme à la manière non encore prise en charge de faire cela "correctement" consiste à donner votre code> élément A [formulaire] code> attribut A>:

<form id="foo">
    ...stuff...
</form>

<input type="password" id="bar" form="foo" />


6 commentaires

Techniquement, rien du navigateur ne le supporte encore?


@Severus, je crois que certains navigateurs le soutiennent, mais je n'ai pas vérifié, et je ne trouve aucune tables de compatibilité. Il n'est même pas répertorié sur Caniuse pourtant, pourtant, je suppose que le support du navigateur est au mieux SHOTCHY. Heureusement, ce type d'interaction est assez facile à polyfill avec JS.


Y a-t-il une ajout de manière à plus de champs


@ Coder771, je ne suis pas sûr de comprendre ce que vous demandez, et je vous encourage à utiliser le bouton "Poser une question" en haut de la page lorsque vous avez une question entièrement formée à poser.


Ici en question, il y avait une obligation d'envoyer un champ de mot de passe, j'ai 2 champ à envoyer dans Soumettre


@ coder771, ... Ajoutez donc le [formulaire] attribuer à l'autre champ.