Включить кнопку отправки на основе заполненных @ Html.Textboxfor и @ Html.DropDownList

В настоящее время я создаю страницу, на которой много @ Html.TextBoxFor и @ Html.DropDownList. В зависимости от введенного в него значения должна быть активирована кнопка отправки. Я пробовал требовать, но у меня это не работает. Кнопка отправки должна быть активна только в том случае, если значения введены в поля. Любая помощь, пожалуйста?

Фрагмент HTML-кода:

<div class="col-md-6">
    <div class="form-group">
        <label class="control-label col-lg-4">Period:<span class="Imp">*</span></label>
        <div class="col-lg-8">
            @Html.DropDownList("Quarter", new SelectListItem[] { (new SelectListItem() { Text = "Q1", Value = "1" }), (new SelectListItem() { Text = "Q2", Value = "2" }), (new SelectListItem() { Text = "Q3", Value = "3" }), (new SelectListItem() { Text = "Q4", Value = "4" }) }, "-- Select Quarter --", new { @class = "form-control", id = "Quarter", @required = "required" })
        </div>
    </div>
</div>

<div class="col-md-6">
    <div class="form-group">
        <label class="control-label col-lg-4">ID:<span class="Imp">*</span> </label>
        <div class="col-lg-8">
            @Html.TextBoxFor(model => model.detailsConfig.ID, new { @class = "form-control", id = "ID", @required = "required" })
        </div>
    </div>
</div>

<input type="submit" id="btnSubmit" value="Submit" class="btn btn-lg btn-success" />