“Next”按钮被禁用，直到在MVC中的DropDownLists和Textboxes中选择并键入值为止？

我在我的项目中首先使用MVC-Viewmodel，EF模型。“Next”按钮被禁用，直到在MVC中的DropDownLists和Textboxes中选择并键入值为止？

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

我该如何最简单的方法来完成这件事？我已经用C＃Winforms完成了这种事情，但它很容易，但在MVC中我不知道如何才能做到这一点。

在此先感谢！

2012-03-21 Obsivus

我的博客在ASP.Net MVC中级联DropDownList（http://blogs.msdn.com/b/rickandy/archive/2012/01/09/cascasding-dropdownlist-in-asp-net-mvc.aspx does does – RickAndMSFT 2012-03-21 22:29:52

我建议不要这样做，它被认为是可用性差，最终用户可能会为他们为什么不能点击接下来感到困惑，最好让他们点击下一步，然后在必填字段上进行验证。让用户使用心理力量来弄清楚他们需要做些什么来继续前进 – 2012-03-21 22:38:08

是的，你说得对，我正在使用Jquery验证插件:) – Obsivus 2012-03-22 07:25:14

您需要使用JavaScript等客户端脚本语言。 JQuery（使JavaScript更容易使用的框架）现在被集成到MVC3 +中，所以实现它比以前更容易。

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

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

JavaScript语法是惊人地相似，C＃，但它工作在客户端（它是由浏览器处理），而不是服务器。

来源

2012-03-21 08:12:23 Spikeh

是否有任何示例或教程？ – Obsivus 2012-03-21 08:30:09

我上面链接的JQuery网站包含了您需要的所有信息 - 或者，Google会为您提供大量的教程，示例和社区支持。 JQuery可能是当今最常用的JavaScript框架。 – Spikeh 2012-03-21 08:40:51

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

来源

2012-03-21 08:07:52

“Next”按钮被禁用，直到在MVC中的DropDownLists和Textboxes中选择并键入值为止？

回答

相关问题