“下一步”按钮被禁用，直到选择了值并在MVC中的DropDownLists和Textboxes中键入？

Question

我首先在我的项目中使用MVC-Viewmodel，EF模型。

我的View中有3个DropDonLista和一些TextBox，用户可以在DropDownLists中选择Values，在TextBoxes中选择Type。我希望我的“下一步”按钮被禁用，直到选中值并填充文本框然后启用它。

我怎样才能最简单地完成这项工作？

我用C＃Winforms做过这种事情很简单但是在MVC中我不知道如何做到这一点。

提前致谢！

Answer 1

您需要使用像JavaScript这样的客户端脚本语言。 JQuery（一个使JavaScript更易于使用的框架）现已集成到MVC3 +中，因此实现它比过去容易得多。

你可以使用“选择器”在jquery中定位HTML DOM元素（页面中的HTML标签，外行术语） - 即如果你想在表单中访问名为“test”的HTML文本框，并检查值，你可以做到以下几点：

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

JavaScript语法与C＃非常相似，但它可以在客户端（由浏览器处理）而不是服务器上运行。

Answer 2

您可以使用javascript / jquery检查是否选中了值并填充了文本框，然后启用下一个按钮。