Response.Write 没有在我的 HTML 中添加 <script> 标记

Question

我有一个 ASP.NET WebForms 应用程序，我在 VB.NET 中使用 Response.Write 生成一些 HTML 代码。但是我想添加一些验证码：

' add jQuery validator for mandatory fields
Response.Write("<script type='text/javascript'>")
Response.Write("mandatoryAdditionalFieldRules = Object.assign(mandatoryAdditionalFieldRules, {")
Dim mandatoryAdditionalFieldsStrings As New List(Of String)
For Each q As String In MandatoryAdditionalFields
    mandatoryAdditionalFieldsStrings.Add(q & ": {required: true}")
Next
Response.Write(String.Join(", ", mandatoryAdditionalFieldsStrings))
Response.Write("});")
Response.Write("</script>")

这是一个由 JavaScript 函数读取的字段列表，以确保所有这些字段都已填写：

jQuery("#formEdit").validate({
rules: Object.assign({
    InitialDate: {
        required: true,
        date: true
    },
}, mandatoryAdditionalFieldRules),
messages: {
    InitialDate: "Enter the Initial Date",
}});

我的问题是这个脚本没有在我的浏览器的输出 HTML 中呈现，因此 JavaScript 代码不知道验证必填字段。我逐步浏览了 VB.NET 代码，并看到了它的调用位置。为什么当我调用Response.Write 写出来时，JavaScript 不会出现在我的浏览器中？正在呈现包含此代码的页面的其他内容。只是我添加的 JavaScript 没有呈现。

编辑：这可能与此页面是通过 AJAX 调用加载的事实有关吗？

jQuery('#ClientCareVisitationContactTypeAdditionalFields').load('../AdditionalField/AdditionalFieldDisplayHTMLContactType.aspx', {...}, function(responseTxt, statusTxt, xhr){
    if(statusTxt == "success"){
        // do stuff
    };
    if(statusTxt == "error")
        alert("Error: " + xhr.status + ": " + xhr.statusText);
});

Answer 1

更新：TL；DR

Response.Write 没有向我的 HTML 添加标签

Response.Write 工作正常。该脚本被添加到页面并被执行。您可以通过在浏览器中按 Ctrl+Shift+I 在 Elements 选项卡中查看它。为此，确保页面的 JavaScript 代码和Response.Write 生成的 JavaScript 代码没有语法错误。还要确保找到正确的位置来加载代码，如下所述：

原答案

我不确定您为什么希望该代码能够正常工作。

恕我直言，这是脆弱的代码，其最大的弱点是您通过 AJAX 加载的内容设置了一个 JavaScript 变量 (mandatoryAdditionalFieldRules)，并且您希望它可用于页面中的 JavaScript 代码的（其他）部分.我可以告诉你这只能基于运气，即使我不确定 AJAX 调用的确切时间。您可能可以通过检查浏览器的控制台来查看“未定义”错误。

此外，除非 mandatoryAdditionalFieldRules 已被赋值，否则代码 mandatoryAdditionalFieldRules = Object.assign(mandatoryAdditionalFieldRules, {" 将不起作用；根据您的示例，您可能可以将其更改为 mandatoryAdditionalFieldRules = Object.assign({}, {"。

如果你坚持这种方法，我认为设置验证规则最安全的地方是 jQuery 的 load 回调函数：

$(document).ready(function () {
    jQuery('#ClientCareVisitationContactTypeAdditionalFields')
        .load('AdditionalFieldDisplayHTMLContactType.aspx', function () {
            $('#formEdit').validate({
                rules: Object.assign({
                    InitialDate: {
                        required: true,
                        date: true
                    }
                }, mandatoryAdditionalFieldRules),
                messages: {
                    InitialDate: "Enter the Initial Date",
                }
            });
    });
});