jquery - 为什么我的 console.logs 没有被写入？

Question

我正在重构一个使用 MVC 的 asp.net 报告。我删除了报告的一些标准(不再需要)并添加了一些新标准，但现在根本没有生成报告。我单击提交按钮，它就返回了。

因此，我在代码中添加了一些 console.log 语句，作为健全性检查，确保我至少达到了目标:

   $("#submit_button").click(function () {
        console.log("submit btn clicked");

        $("#NumberOfResults").css("visibility", "visible");
        $("#NumberOfResults").html("Please wait...");

        EnableButton("submit_button", false);

        var deptsList = $('#depts').checkedBoxes();
        $('#deptHeader span').html(deptsList.join(", "));
        var sitesList = $('#sites').checkedBoxes();
        $('#sitesHeader span').html(sitesList.join(", "));

        $('#hiddenDepts').val(deptsList); //do I need to make this: $('#hiddenDepts').val(deptsList).join(","); ?
        $('#hiddenSites').val(sitesList); // ""
        var UPCs = $('UPC').val();
        if (UPCs == "All") {
            $('UPC').val("1"); // take everything (1 and greater)
        }

        console.log("about to submit the form");
        $("form").submit();
    });

我认为它可能会失败，因为并非所有要传递的值都是有效的(modelState 包含错误)，但是对进一步处理的反对不会出现在调用 $("之后表单”).submit(); ？

IOW，我希望在按下提交按钮然后按 F12 后在控制台中看到“单击提交 btn”和“即将提交表单”，但我没有...

确实，五个模型成员中的三个是空字符串，因此我有更多问题需要查找，但为什么我什至没有看到这些控制台日志消息？

更新

我在 Controller 的最后一行有一个断点:

[HttpPost]
public ActionResult ReceiptCriteria(TLDSalesReceiptCriteriaModel model)
{
     ViewBag.DebugMessage = "No error";  
     if (ModelState.IsValid) // inspect locals.modelstate [breakpoint set here]

...但我还没达到...?!?!?

更新2

在回答 Karl Anderson 时，以下是相关的 HTML:

<button type="submit" id="submit_button" class="bottomButtonEnabled">View Report</button>

更新3

如果有办法以文本形式获取控制台消息，我不知道如何实现，所以我捕获了一个尖叫镜头:

如果你的眼睛太小而无法阅读，可以这么说(我的眼睛是这样)，这里有一些行话:

shouldShowTB 文件不存在 - 默认操作显示工具栏 > DOMExceptionchrom.tabs 不可用:您无权访问此 API。确保这件事....无法加载资源:服务器响应状态为 404(未找到)...sprite.png无法加载资源:服务器响应状态为 400(错误请求)无法加载资源 chrome-extension://klibjjljfadl;fjkdlfjkdl;;fjdlfjadl/tb/al/state.htmlMessagingReadyWrapper 未准备好。名称:abstractionLayerBack.js，位置....等待插件超时，在没有插件的情况下调用ready...

更新4

我按照 Aegis 所说的做了，并且使用提交按钮本身或使用:

form action="/mypath/mycshtml" method="post" 

...右键单击并选择“检查元素”后在 CDT 中突出显示，我在右 Pane 的底部看到:

提交 形式...然后是一堆“官样文章”(这对我来说很奇怪；也许 Aegis 能理解)

引用的文件为jquery.js:6497；下面显示了 jquery 的一堆内容(sourcename 的值是 google 的 CDN jQuery 文件的路径)。它应该指向我的 Submit_button 点击​​处理程序吗？

更新5

也许我的问题至少有一部分是我显式调用“form”.submit，这对于提交按钮来说是不必要的 - 混合它应该自动提交表单，对吗？在注释掉之后(在尝试了 document.form.submit() 的原始 javascript 之后)，我现在至少看到了我在控制台中添加的第一个 console.log 消息(“单击了提交 btn”)。因此，在此处和第二个 console.log 消息(未写入控制台)之间的某个地方出现了故障。

Answer 1

使用 Chrome 开发工具检查事件是否绑定(bind)到 #submit_button？