能否在jQuery函数中调用外部文件的已有JavaScript函数做表单弹窗前验证？

完全没问题，你只需要确保外部的验证函数在你的jQuery代码之前被加载，就能直接在jQuery事件处理函数里调用它。下面给你具体的实现步骤和示例：

1. 确保加载顺序正确 #

在HTML里，先引入包含验证函数的外部JS文件，再引入jQuery，最后写你的jQuery逻辑——这样jQuery执行时，那个验证函数已经存在了：

<!-- 先加载外部验证函数文件 -->
<script src="your-validation-functions.js"></script>
<!-- 再加载jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- 最后写你的jQuery代码 -->
<script>
// 这里写你的jQuery逻辑
</script>

2. 在jQuery点击事件中调用验证函数 #

假设你的外部验证函数叫checkBeforeModal()，它返回true表示验证通过，false表示不通过。那你可以这样写：

<input type="button" name="buttonform" id="buttonform" value="Open Modal Form" />
<div id="dialogform" align="center" style="display:none;">
  <!-- 你的表单内容 -->
  <form name="myForm2" action="/action_page.php">
    <!-- 表单元素 -->
  </form>
</div>

<script>
$(document).ready(function() {
  $('#buttonform').click(function() {
    // 调用外部的验证函数
    const isValid = checkBeforeModal();
    
    if (isValid) {
      // 验证通过，打开模态框
      $('#dialogform').show(); // 如果用jQuery UI的dialog，就用$('#dialogform').dialog('open');
    } else {
      // 验证不通过，提示用户
      alert('请先完成必要的验证！');
    }
  });
});
</script>

3. 补充说明（针对jQuery UI Dialog场景） #

如果你的模态框用的是jQuery UI的Dialog组件，记得先初始化Dialog（默认隐藏），然后在验证通过后调用dialog('open')：

$(document).ready(function() {
  // 初始化Dialog
  $('#dialogform').dialog({
    autoOpen: false,
    modal: true
  });

  $('#buttonform').click(function() {
    if (checkBeforeModal()) {
      $('#dialogform').dialog('open');
    } else {
      alert('验证失败，请检查！');
    }
  });
});

• 另外要确保外部函数是全局作用域的（如果是现代模块化项目，也可以通过import导入函数，逻辑是一样的——先确保函数可访问，再调用）。

内容的提问来源于stack exchange，提问作者Iyda