Question

I am using MVC-Viewmodel, EF model first on my project.

I have 3 DropDonLista and a few TextBoxes in my View, User can select Values in the DropDownLists and Type inside the TextBoxes. I want that my “Next” button is disabled until values are selected and textboxes are filled then it gets enabled.

How can I easiest way accomplish this?

I’ve done this kind of things with C# Winforms and its pretty easy but in MVC I have no clue how I can do this.

Thanks in Advance!

Answer 1

You would need to use a client side scripting language like JavaScript. JQuery (a framework to make JavaScript easier to use) is now integrated in to MVC3+, so implementing it is much easier than it has been in the past.

You can target HTML DOM elements (HTML tags in your page, in layman terms) in jquery using “selectors” – i.e. if you want to access a HTML textbox called “test” in your form, and check the value, you can do the following:

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

JavaScript syntax is strikingly similar to C#, but it works on the client side (it’s processed by the browser), rather than the server.