Кнопка «Далее» отключена до тех пор, пока значения не будут выбраны и введены в DropDownLists и Textboxes в MVC?

Question

Сначала я использую MVC-Viewmodel, модель EF в моем проекте.

У меня есть 3 DropDonLista и несколько TextBox в моем представлении. Пользователь может выбирать значения в DropDownLists и вводить внутри TextBoxes. Я хочу, чтобы моя кнопка «Далее» была отключена до тех пор, пока значения не будут выбраны и текстовые поля не заполнены, а затем она будет включена.

Как мне проще всего это сделать?

Я делал такие вещи с C # Winforms, и это довольно легко, но в MVC я понятия не имею, как я могу это сделать.

Заранее спасибо!

Answer 1

Вам потребуется использовать язык сценариев на стороне клиента, такой как JavaScript. JQuery (платформа, облегчающая использование JavaScript) теперь интегрирована в MVC3 +, поэтому реализовать ее намного проще, чем в прошлом.

Вы можете нацеливать элементы HTML DOM (теги HTML на своей странице, в терминах непрофессионала) в jquery, используя «селекторы» - то есть, если вы хотите получить доступ к текстовому полю HTML «test» в вашей форме и проверить значение, вы может сделать следующее:

var value = $("#test").val();
if(value == '') {
    // do something
}

Синтаксис JavaScript поразительно похож на C #, но он работает на стороне клиента (обрабатывается браузером), а не на сервере.

Answer 2

Вы можете использовать javascript / jquery, чтобы проверить, выбраны ли значения и заполнены ли текстовые поля, затем активируйте следующую кнопку.