0
votes

JQuery Clone soumet le formulaire après le clonage

Tout d'abord, je suis nouveau à jQuery et JavaScript xxx

voici mon code pour cloner l'élément de texte

effectivement Ça marche en faisant référence à @jack Bashford réponse.

comme xxx

mais je ne peux pas soumettre le formulaire. < p> Voici mon exigence: je veux cloner autant d'éléments et soumettre le formulaire


                        
                        
                            
                                                                    javascript
                                                                    jquery
                                                                    html
                                                                    css
                                                                    webpage
                                                            
                        
                                                    
                            
                            
                                0 commentaires



                                    
                    3 Réponses :
                    
                                            
                            
                                
                                    1
 votes
                                
                            
                            
                                
                                     Deux solutions à ceci: 
 Un: supprimez le    élément. C'est de loin le plus facile et il n'est pas utilisé pour rien aussi loin que possible, il ne devrait donc pas casser votre page.  
 Deux: Ajoutez un gestionnaire d'événements pour la soumission de formulaire qui arrête la soumission . Celui-ci est simple aussi, il suffit d'ajouter ce code:   xxx                                  


                                                                    
                                    
                                    
                                        1 commentaires
                                        
                                                                                            
                                                    Je ne peux pas supprimer la balise de formulaire parce que son formulaire d'inscription étudiante                                                
                                                
                                                                                    
                                    
                                                            

                        

                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     Le bouton par défaut sans déclaration explicite du type suppose le rôle de soumission. Ainsi, lorsque vous déclenchez un clic, il soumet le formulaire  Bouton w3.org  

   La valeur manquante La valeur par défaut est l'état de bouton d'envoi. 
 
 Vous avez les solutions suivantes  

 Convertissez le bouton en lien (une balise). 
 Définissez le type de bouton 
 Placez l'événement en ligne dans l'élément et retournez false à la fin 
  Alternatives où vous perdrez le comportement par défaut du formulaire  

 préventiveDefault sur le formulaire via JavaScript 
 Ajouter un attribut inline OnSubmit = "retour false;" sur l'élément de forme 
  Un exemple avec attribut inline   xxx                                  

                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    1
 votes
                                
                            
                            
                                
                                     La raison pour laquelle la touche de clone se présente est que toute étiquette de bouton sous une forme qui n'a pas d'attribut  code> type  code> (ou dans votre cas ayant un type  non valide  code>,  type = "script"  code> et  type = "test"  code> est invalide) est considéré comme un type  type = 'Soumettre'  code>. 
 dans la démo I supprimé:  p>  xxx  pré> 
 puis j'ai ajouté un bouton avec un  type = 'bouton' valide  code> et un autre bouton avec rien, vous voulez deviner laquelle on soumet la soumission quand cliqué sur?  p> 
  p> 


   <link href='https://fonts.googleapis.com/css?family=Roboto:400,500,700' rel='stylesheet' type='text/css'>
<link rel='stylesheet' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
 
  <form action="test.php">
     <div>
      <div id='realElements'>
        <input type="test" name="test">    
      </div>

      <div id="clonedElements">
        Cloned
      </div>
      <button type="submit">
        submit
      </button>

       <button id="cloneButton" type="script">
      Clone
      </button>
      
        <button type="button">
      type='button'
      </button>
      
        <button>
      type=null
      </button>
      
  </div>
</form>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> 
    <script>
     
       $(document).ready(function() {
      $("#cloneButton").click(function(){
        $("#realElements").clone().appendTo("#clonedElements");
      });

});
    </script>

                                

                                                                    
                                    
                                    
                                        3 commentaires
                                        
                                                                                            
                                                    vous avez clairement expliqué mon exigence et cela a fonctionné                                                
                                                
                                                                                            
                                                    J'avais le même problème lorsque j'ai commencé à développer, j'ai appris la dure.                                                
                                                
                                                                                            
                                                    Pouvez-vous résoudre mon problème @ [link] ( Stackoverflow.com/questions/54106476/... )