jQuery mask goes blank on MVC Validation

I am using MVC3 in VS 2010 and jquery masked imput (jquery.maskedinput-1.3.js).

When the client side validations occur, the textbox will go blank if there is an error, and in some cases it will also replace the custom ErrorMessage with the generic one(i.e. "The field Price must be a number")

Does anyone know why this may be happening and how to prevent it?

For example:

From the Model:

        [Required(ErrorMessage = "* Price must be greater that $100")]
        [Min(100, ErrorMessage = "* Price must be greater that $100")]
        [Display(Name = "Price")]
        public double Price { get; set; }


//The JQuery Call
 jQuery(function ($) {
            $("#Price").mask("$999999999", { placeholder: "_" });
                   });

Re: jQuery mask goes blank on MVC Validation

Hello

If you are using javascritpt to perform valiation at browser side, then you perform the validation at server side and disable the error message to the client side. So the server side messages does not clash with the client side messages. But remember to perform server valiation anyway, otherwise malicious data can bypass the client side validation and go to your server side.