Actualmente trabajo con un proyecto de NetCore y estoy comenzando a hacer las validaciones con jquery validate unobtrusive sucede que las validaciones funcionan de manera correcta pero tengo un problema con los campos numéricos ya que les he aplicado una mascara de forma que en mi formulario el valor de campo se muestra de la siguiente forma: Valor: $1,000,000.00
La validación dice que el campo valor debe ser un número, mi conclusión es que al ser "valor" un campo de tipo decimal no puede parsear el valor con la mascara debido al signo de pesos y las comas, el problema es que logro hacer que el controller reconozca el formato o quitarle el formato antes de que se envíe.
Este es mi código
<label for="numValue" asp-for="Value"></label>
<input asp-for="Value" type="text" id="numValue" class="form-control input-numeric" data-allowzero="none" disabled="disabled" data-thousands="," data-decimal="." data-precision="2" data-prefix="$" />
<span asp-validation-for="Value"></span>
public class Transaction
{
[Display(Name ="Monto")]
[DisplayFormat(DataFormatString="{0:C}")]
[Required(ErrorMessage = "Ingrese un monto.")]
public decimal Value { get; set; }
}
Intente hacerlo con JS, antes de enviar el formulario quitarle el formato pero no funciona por alguna razón unobtrusive se envia antes de que le de click al boton de submit
$("#frmAddTransaction").submit(function(event){
event.preventDefault();
$("#frmAddTransaction").validate({
submitHandler: function(form) {
$("#numValue").val($("#numValue").val().replace("$","").split(',').join(""));
$(form).submit();
}
});
)}
De antemano muchas gracias por sus comentarios, este es el plugin con el que coloca la mascara https://plentz.github.io/jquery-maskmoney/