您需要添加单击事件侦听器以在单击Forward按钮时显示对话框

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

<div id="dialog" title="Box"></div>
<p>Welcome...!</p>
<input type="file" />
<input type="submit" id="valider" name="valid" value="Forward" />
<script type="text/javascript">
$(document).ready(function() {
  document.getElementById("valider").addEventListener("click",function(){
    $("#dialog").dialog({
      modal: true,
      buttons: {
        Yes: function() {
          $( this ).dialog( "close" );
        },
        No: function() {
          console.log('clicked no');
        }
      }
    });
  });
});
</script>

首先，你需要添加一个<form>元素。然后添加一个id，一个目标文件和一个onsubmit函数。我们将写return firstModal()。
让我们创建firstModal()：使用jQueryUI中的.dialog，我们创建了一个具有两个选项的模态：一个是Close，另一个是Send。然后，我们将第一个链接到$(this).dialog("close")以关闭对话框，将另一个链接到document.getElementById("myForm").submit()，以便将HTML表单提交到action中设置的目标文件。
下面是完整的工作代码：
可以创建两个模态框：一个用于初始输入，另一个用于确认：
第一个
使用这种技术，我们需要确保confirmFormDialog()返回false。这样，当点击输入按钮时，HTML表单不会提交。通过删除这种默认行为，我们决定何时提交.submit()表单。

这应该对你有用..

if (confirm("your message")) {

    // your code

}