如何调整对话框的确认按钮到表格的按钮

我会在窗体中使用对话框。我可以在窗体中显示对话框。我希望当我点击对话框中的“是”按钮时，可以获得与我的表单上的“向后”按钮相同的行为。你是怎样做的？感谢您的帮助。下面的代码我开发：如何调整对话框的确认按钮到表格的按钮

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

来源

2017-08-25 John

你这里有一个错误：

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

如果你想提交表单，填写好表格识别器

，不BUTTON：

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

来源

2017-08-25 02:05:12 diavolic

如何调整对话框的确认按钮到表格的按钮

回答

相关问题