Javascript 在另一个窗口中打开Jquery ui对话框<；脚本>；标签

是否可以在不同的“脚本”标记中初始化并打开jquery ui对话框，如下所示：

规范：使用EJS（Nodejs express模板）

在document.ready函数中，它显示页面加载时的对话框

假设if语句和其中的所有内容都有效（当用简单的

alert("wrong password"`)

---

它的“工作”

您无法在块之间传递变量，但可以访问该对话框。您可以执行以下操作（假设初始脚本块位于头部）：

现在，此设置需要进行一些调整。您需要一个条件表单处理程序，该处理程序可以根据您的数据库对提交的详细信息进行身份验证。条件是，如果

api

设置为

json

它将发回json数据。这可能类似于：

{
  success: true
}

或：

---

如果发布的数据不包括

api

数据，那么脚本应该像正常一样处理登录。我假设这是将用户登录并设置一些会话变量。

可以这样做。我建议使用对话框定义一个常量变量，以便您可以在另一个脚本块中引用或重新初始化它。根据通常，如果可能的话，我会把我所有的JS放在一个脚本块中。你为什么要分解这些脚本块？

alert("wrong password"`)

<script>
$(function() {
  $("#loginFailed").dialog({
    width: 500,
    autoOpen: false,
    resizable: false,
    draggable: false,
    modal: false 
  });
});
</script>
//some html
<% if (lengthQ1 == 0 && lengthQ2 == 0) { %>
  <script>
  $("#loginFailed").text("User not exist.").dialog("instance").open();  
  </script>
<% } else if (lengthQ1  == null  && lengthQ2 == null) { %>
  <script>
  // Do Nothing?
  </script>
<% } else if (lengthQ1  > 0  || lengthQ2 > 0 && PasswordMatch != true) { %>
  <script>
  $("#loginFailed").text("Wrong password").dialog("instance").open();  
  </script>
<% } %>

<script>
var $lfDiag;
$(function() {
  $lfDiag = $("#loginFailed").dialog({
    width: 500,
    autoOpen: false,
    resizable: false,
    draggable: false,
    modal: false 
  });
  $("form").submit(function(e){
    e.preventDefault();
    var url = $(this).attr("action");
    var myFormData = {
      api: "json"
    };
    var loginFailed = true;
    $(this).find("input").each(function(ind, el){
      myFormData[$(el).attr("id")] = $(el).val();
    });
    $.post(url, myFormData, function(results){
      if(results.error.length){
        $lfDiag.text(results.error).dialog("open");
      } else {
        loginFailed = false;
      }
    });
    return !loginFailed;
  });
});
</script>

{
  success: true
}

{
  success: false,
  error: "User does not exist."
}