提交輸入已禁用的表單

Question

我想知道是否可以得到一些幫助。 我有一個想要將數據提交到數據庫的表單。 但是，我在使用以下代碼時遇到了問題。 選擇輸入設置為禁用，因此，如果未選擇任何內容，則表單不會提交這些字段（默認情況下，字段仍為空白。

<div class="form-group">
        <label for="title">
                Title
                    <span class="asteriskField">
                          *
                     </span>
        </label>
        <select id="inputtitle" name="title" class="form-control" onchange="updateReview('title');" tabindex=1 />
                    <option value="" selected disabled>Please select</option>
                    <option value="Master">Master</option>
                    <option value="Mr">Mr</option>
                    <option value="Mrs">Mrs</option>
                    <option value="Miss">Miss</option>
                    <option value="Ms">Ms</option>
                    <option value="Rev.">Rev.</option>
        </select>
</div>

謝謝。

Answer 1

在selectbox中使用禁用的on選項不是一個好的解決方案，因為它不會強制用戶選擇選項。 如果他沒有單擊選擇框，則將發布空白值。

要強制用戶選擇選項框上required使用的選項，並且還禁用默認選項，因此他將不得不選擇一個選項。

Answer 2

使用Form OnSubmit事件，並在javascript中使用要根據條件發送到服務器的字段手動創建formdata。

Answer 3

這只是表單在HTML中的工作方式。 提交表單時，將檢索所有輸入字段並將其發送到指定的操作。 但是，未選擇的選擇框不屬於該帖子。

如果要發送所有選擇框的列表（包括未選中的框），一個常見的技巧是為每個選擇框創建一個具有相同值的隱藏輸入。 這樣，您將獲得所有選定字段的列表以及所有可選字段的列表。

Answer 4

這是錯誤的行為，在對數據庫進行任何查詢之前，您應該驗證是否使用javascript或某些后端代碼未選擇任何內容。 不要在想要以某種方式檢索某種數據的字段中使用Disabled，因為您正在更改元素的固有行為，從而使下一個將與您的代碼一起使用的家伙感到困惑。

如果未選擇任何內容，則可以使用一些錯誤消息將false返回到您的后端，或者僅使用javascript禁用“提交”按鈕的可視化。

編輯：@Autista_z的解決方案很好

要強制用戶選擇選項框上需要使用的選項，並且還禁用默認選項，因此他將不得不選擇一個選項。

我只是想同情：不要讓沒有這種驗證后端太，雙驗證（前/后）是必須的 。