So passen Sie eine Bestätigungsschaltfläche eines Dialogfelds an die Schaltfläche eines Formulars an

Ich würde ein Dialogfeld in meinem Formular verwenden. Ich kann das Dialogfeld im Formular anzeigen. Ich möchte, wenn ich auf den "Ja" -Button im Dialogfeld klicke, dass ich das gleiche Verhalten wie der "Zurück" -Button in meinem Formular haben kann. Wie machst du das? Danke für Ihre Hilfe. Unter dem Code entwickelt I:So passen Sie eine Bestätigungsschaltfläche eines Dialogfelds an die Schaltfläche eines Formulars an

<!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>

Quelle

2017-08-25 John

Sie einen Fehler haben sich hier:

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

, wenn Sie Formular abschicken möchten, FORM Identifikator verwenden, nicht BUTTON:

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

Quelle

2017-08-25 02:05:12 diavolic

So passen Sie eine Bestätigungsschaltfläche eines Dialogfelds an die Schaltfläche eines Formulars an

Antwort

Verwandte Themen