Javascript 为什么这个按钮没有提交我的表格？ASP.NETMVC

我有一个模式，单击按钮“submitBtn”（包含在表单中）时会提示，模式中的一个按钮（btnSubmit）应该使用javascript代码提交表单。但是，它没有这样做，并抛出一个错误

“未捕获的TypeError:无法读取HtmlButtoneElement处null的属性'submit'。（类别：72）strong文本”

我不确定它为什么这样做？警报按预期运行

下面是我的表单，下面是包含必要javascript代码的脚本标记。。任何帮助都将不胜感激，谢谢：）

表单HTML：（链接到“CategoryController”）

@使用（Html.BeginForm（“Category”、“Category”、FormMethod.Post））
{
描述
}

Javascript:

<script>

    document.getElementById("btnSubmit").addEventListener("click", function () {
        alert("Submitting!");
        document.getElementById("formField").submit()
    });

</script>

document.getElementById（“btnSubmit”）.addEventListener（“单击”，函数）（）{
警告（“提交！”）；
document.getElementById（“formField”）.submit（）
});

---

注意：这两个代码段都在cshtml文件中

事实上，您已经定义了两个嵌套表单：第一个使用

Html.BeginForm（）

（它已经包装了

和

之间的任何内容），然后使用

和

标记手动创建另一个

在HTML中使用嵌套表单是非法的。最好省去手动创建的

，将其更改为：

@using (Html.BeginForm("Category", "Category", FormMethod.Post))
{
    <label id="CategoryDescriptionLabel">Description</label>

    <input id="CategoryDescription" type="text" name="categoryDescription" /> 

    <input type="button" value="submit" id="submitBtn" data-toggle="modal" data-target="#confirm-submit" /> 
}

---

哦，好吧，我明白你的意思了，我该如何在javascript中引用Html.BeginForm（）？是否可以将ID分配给此表单？

@using (Html.BeginForm("Category", "Category", FormMethod.Post))
{
    <label id="CategoryDescriptionLabel">Description</label>

    <input id="CategoryDescription" type="text" name="categoryDescription" /> 

    <input type="button" value="submit" id="submitBtn" data-toggle="modal" data-target="#confirm-submit" /> 
}

@using (Html.BeginForm("Category", "Category", FormMethod.Post, new { id = "bla" }))
{
    ...
}