我有一個模式，在單擊按鈕“submitBtn”（包含在表單中）時出現(xiàn)提示，我的模式中的一個按鈕（btnSubmit）應(yīng)該使用 javascript 代碼提交表單。但是，它沒有這樣做并拋出錯誤；“未捕獲類型錯誤：無法讀取 HTMLButtonElement 處 null 的屬性“提交”。（類別：72）強文本”我不確定它為什么這樣做？警報按預(yù)期運行。下面是我的表單，下面是我的腳本標(biāo)簽，其中包含必要的 javascript 代碼。任何幫助將不勝感激，謝謝:)表單 HTML：（鏈接到“CategoryController”）@using (Html.BeginForm("Category", "Category", FormMethod.Post)){ <form id="formField"> <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" /> </form>}JavaScript：<script> document.getElementById("btnSubmit").addEventListener("click", function () { alert("Submitting!"); document.getElementById("formField").submit() });</script>注意：兩個代碼片段都在 cshtml 文件中。
1 回答
手掌心
TA貢獻(xiàn)1942條經(jīng)驗 獲得超3個贊
事實上，您已經(jīng)定義了2 個嵌套形式：第一個使用Html.BeginForm()（這已經(jīng)將其中的任何內(nèi)容包裝在 和 之間<form>）</form>，然后使用和標(biāo)簽手動定義了另一個形式。<form></form>
在 HTML 中嵌套表單是非法的。最好省略手動創(chuàng)建的<form>，將其更改為：
@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" />
}
id要為生成的定義<form>，您可以使用以下命令：
@using (Html.BeginForm("Category", "Category", FormMethod.Post, new { id = "bla" }))
{
...
}
- 1 回答
- 0 關(guān)注
- 144 瀏覽
添加回答
舉報
0/150
提交
取消