2017-08-25 4 views
0

J'utiliserais une boîte de dialogue dans mon formulaire. Je peux afficher la boîte de dialogue dans le formulaire. Je voudrais quand je clique sur le bouton "Oui" dans la boîte de dialogue que je peux avoir le même comportement que le bouton "Backward" sur mon formulaire. Comment tu fais ça? Merci de votre aide. Ci-dessous le code I développé:Comment faire pour adapter un bouton de confirmation d'une boîte de dialogue au bouton d'un formulaire

<!DOCTYPE html> 
    <html> 
     <head> 
      <meta charset="utf-8" /> 
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
    <link href="jquery-ui-1.10.4/css/custom-theme/jquery-ui-1.10.4.custom.css" rel="stylesheet"> 
    <script src="jquery-ui-1.10.4/js/jquery-1.10.2.js"></script> 
    <script src="jquery-ui-1.10.4/js/jquery-ui-1.10.4.js"></script> 

      <title>Test</title> 
    <script> 
    let validation = function(form) { 

     $("#dialog").dialog({ 
     modal: true, 
     buttons: { 
      Yes: function() { 
      $(this).dialog("close"); 
      document.getElementById("myForm-previous").submit(); 
      }, 
      No: function() { 
      $(this).dialog("close"); 
      } 
     } 
     }); 

     return false; 

    } 
    </script> 
     </head> 

     <body> 


     <div id="dialog" title="Confirmation"> 
    <p>Warning!!! 
    You will lose your data! 
    Do you want to continue ?</p> 
     </div> 
    <form id="myForm" name="myFrom"/> 
      <input type="file"/><br/> 
      <input type="file"/><br/> 
      <input id="myForm-previous" value="BackWard" type="submit" onclick="return validation()"/><br/> 
      <input id="myForm-next" value="Forward" type="submit"/> 

    </form> 
    </body> 
    </html> 

Répondre

0

vous avez une erreur ici:

document.getElementById("myForm-previous").submit(); 

si vous voulez soumettre le formulaire, utilisez le formulaire identificateur, pas BUTTON:

document.getElementById("myForm").submit();