Disable input element using razor

Question

I need to disable an input dynamically when its value is equal to "*". How can I achieve this using the MVC Razor?

    @Html.TextBoxFor(m => m.Digits[0], new { @class = "form-control input-lg label_16", @placeholder = 
"1st", (Model.Digits[0] == "*" ? "disabled" : "") })

The above code doesn't compile Is this possible?

what do you mean by dynamically? Do you want the TextBox to change to disabled when user enter * or when the m.Digit[0] is * ? — vidriduch
– vidriduch, Commented Oct 3, 2014 at 13:37

ekad · Accepted Answer · 2014-10-03 13:42:29Z

17

Try using ternary operator

@Html.TextBoxFor(m => m.Digits[0], Model.Digits[0] == "*" ? (object)new { @class = "form-control input-lg label_16", @placeholder = 
"1st", @disabled = "disabled" } : new { @class = "form-control input-lg label_16", @placeholder = 
"1st" })

in the code above, the second parameter of @Html.TextBoxFor helper method will be based on the value of Model.Digits[0]. If it's * then the parameter would include the disabled attribute

new { @class = "form-control input-lg label_16", @placeholder = 
"1st", @disabled = "disabled" }

otherwise

new { @class = "form-control input-lg label_16", @placeholder = 
"1st" }

edited Oct 3, 2014 at 13:42

answered Oct 3, 2014 at 13:21

ekad

14.7k26 gold badges46 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Bonomi Over a year ago

I tried your code before asking this question, it produces the following output: disabled="disabled" or disabled. In both cases the input box is disabled!

ekad Over a year ago

Please try the updated answer, I have tested it and it works.

Collectives™ on Stack Overflow

Disable input element using razor

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related