MVC5, Html input number, cannot set default decimal value

Question

I am trying to set a default value for my number input tag. Here is the code:

<input id="discount-input" type="number" step="any" [email protected] />

Model.OrderDiscount is a decimal value, that holds 2,00. When I run the code, the input field is just blank. I tried another variable from Model, and that worked fine. That was an integer though, so I also hard coded value=2.00. I also tried all different combinations with step="0.01", step="0.1", step="1" and step="any" with the same result.

I know that you think that OrderDiscount just have to be empty, but no! I checked with the debugger 10 times. What is going on?

Edit: I tried another field on Model that also contained a decimal value. Neither this was displayed. It seems as I cannot use a variable to set a default decimal value.

Darin Dimitrov · Accepted Answer · 2017-01-23 08:45:35Z

5

Try adding double quotes around the value and also make sure that your decimal separator is . instead of ,:

<input id="discount-input" type="number" step="any" value="@Model.OrderDiscount.ToString(CultureInfo.InvariantCulture)" />

edited Jan 23, 2017 at 8:45

answered Jan 23, 2017 at 8:39

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

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

4 Comments

hellogoodnight Over a year ago

I did, I got the same result.

Darin Dimitrov Over a year ago

Make sure that you have the correct decimal separator in the markup: 0.2 and not 0,2. I have updated my answer to illustrate that.

hellogoodnight Over a year ago

You are right, the code generates a , instead of a .. But how is that even possible? OrderDiscount holds a decimal variable type.

Darin Dimitrov Over a year ago

It's very simple. It just calls the ToString() method on it. And this method uses the decimal separator configured on your operating system. So depending on what culture you have selected to be used, it will use this format. By using .ToString(CultureInfo.InvariantCulture) you explicitly indicate that you want to use the invariant culture in which the decimal separator is .. This will guarantee that your code will work no matter the settings of the underlying OS on which you have installed your App.

Collectives™ on Stack Overflow

MVC5, Html input number, cannot set default decimal value

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related