使用十进制值时，ASP.NET模型绑定中断

Question

I have the following scenario. I have a form that post to a controller. Everything works fine when I enter a non decimal number on ValorKilometro input. I can get the model perfectly on the controller and so. The thing is that when I enter a decimal value the ValorKilometro property is always set to 0. Why is that?. Here is the code:

<form name="theForm" action="" style="margin: 0 auto; width: 80%;" method="post" onsubmit="return onFormSubmit();">
    ...
    <div class="form-group">
        <label for="usr">Valor de Kilometro:</label>
        <input type="number" name="ValorKilometro" min="0" step="any" class="form-control" value="@Model.ValorKilometro">
    </div>
    <button type="submit" id="boton" class="btn btn-success">Guardar</button>
</form>

Model:

public class ConfiguracionModel
{
    public Guid EmpresaGuid { get; set; }
    public bool MaximoHabilitado { get; set; }
    public int MontoMaximo { get; set; }
    public Guid Moneda { get; set; }
    public Double ValorKilometro { get; set; }
}

Controller:

    [Authorize, AdminAuthorization]
    [HttpPost]
    public ActionResult Configuracion(ConfiguracionModel configuracion)
    {
        configuracion.EmpresaGuid = SQL.GetEmpresaGuid(User.Identity.Name);

        SQL.ModificarConfiguracion(configuracion);

        TempData["msg"] = "<script>alert('Los cambios fueron guardados correctamente!.');</script>";

        return View(configuracion);
    }

I hope someone can help me out with this.Thanks.

Answer 1

Have you tried using @Html.TextBoxFor helper?

@model ConfiguracionModel // <-- obviously you need to bind your View to your model

@Html.TextBoxFor(m => m.ValorKilometro, "{0:n2}", new { 
    @class = "form-control", 
    @type = "number", 
    @min = "0" })

You can also add the validation constraint to your model:

public class ConfiguracionModel
{
   public Guid EmpresaGuid { get; set; }
   public bool MaximoHabilitado { get; set; }
   public int MontoMaximo { get; set; }
   public Guid Moneda { get; set; }

   [Range(0.0, double.MaxValue)]
   [DisplayFormat(DataFormatString = "{0:n2}", ApplyFormatInEditMode = true)]
   public Double ValorKilometro { get; set; }
}

Note that {0:n2} indicates 2 decimal places.