comment afficher une valeur (dans le champ de texte) d'un formulaire (après l'avoir soumis) à un autre formulaire (les deux sont sur la même page)

Question

Ainsi, j'ai le formulaire1 où je donne des valeurs dans deux champs et soumettant il,

<form action="new_cand.php" name="form1" method="post"> 

     <input type="number" name="aadhar_r" id="aadhar_r" required/> 

      <input type="text" name="cand_r" id="cand_r" required/> 

     <input type="submit" name="submit" id="submit" onclick="setValues();" /> 

    </form> 

Je veux que ces valeurs soient automatiquement écrites et visibles dans les deux textinput et numberinput champs form2.

<form action="in_cand.php" name="form2" method="post"> 

    <input type="number" id="a_number" name="a_number" required> 

    <input type="text" id="cid" name="cid" required> 

    <input type="submit" name="submit" id="submit" /> 

</form> 

Comment utiliser javascript pour valeurs réglées automatiquement visibles et prêts à présenter aux champs form2 ???

Remarque: j'utilise deux formulaires car ils ont tous deux des actions différentes après avoir cliqué sur soumettre et les deux formulaires sont sur la même page.

Answer 1

Voici un petit exemple en utilisant id hash, avec cette idée, je pense que vous pouvez commencer, objet hash aura liste paire,

Vous pouvez limiter la forme spécifique en mentionnant id de celui-ci, à la place de $('form :input').on():

var hash = { 
 
    aadhar_r : 'a_number', 
 
    cand_r : 'cid' 
 
} 
 

 
$('form :input').on('keyup',function(){ 
 
    if(this.id in hash){ 
 
      $('#'+hash[this.id]).val($(this).val()) 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form action="new_cand.php" name="form1" method="post"> 
 
    <input type="number" name="aadhar_r" id="aadhar_r" required/> 
 
    <input type="text" name="cand_r" id="cand_r" required/> 
 
    <input type="submit" name="submit" id="submit" onclick="setValues();" /> 
 
</form> 
 

 
<form action="in_cand.php" name="form2" method="post"> 
 
    <input type="number" id="a_number" name="a_number" required> 
 
    <input type="text" id="cid" name="cid" required> 
 
    <input type="submit" name="submit" id="submit" /> 
 
</form>

Answer 2

Si vous utilisez jQuery, vous pouvez sérialiser votre premier formulaire et l'envoyer directement au serveur. Ensuite, vous obtenez la valeur du champ de saisie et la définissez dans l'autre champ de saisie.

Formule 1:

<form id="form1"> 
    <input type="number" name="aadhar_r" id="aadhar_r" required/> 
    <input type="text" name="cand_r" id="idOfInput1" required/> 
    <button id="submit" /> 
</form> 

Script:

$("#submit").click(function() { 
    $.post("new_cand.php", $("#form1").serializeArray(), function() { /* Nothing to do with new_cand.php data */}); 
    $("#idOfInput2").val($("#idOfInput1").val()); 
}); 

Formule 2:

<form action="in_cand.php" name="form2" method="post"> 
    <input type="number" id="a_number" name="a_number" required> 
    <input type="text" id="idOfInput2" name="cid" required> 
    <input type="submit" name="submit" id="submit" /> 
</form> 

Attention: ceci n'est pas testé, nécessite jQuery et est pour une méthode de poste