unobtrusive-validation

I have created my own conditional validation attribute to validate my MVC model on both the client and the server by inheriting from RequiredAttribute and implementing IClientValidatable . The idea is that if a boolean property on my model is true, then another property is required. In the view this manifests itself as a checkbox which dictates whether a textbox needs to be filled in. This works perfect except for when the user performs the following actions: Checks the checkbox (the field is now required). Submits the form (client side validation runs, error message displayed). User unchecks

I have a register form created by mvc3 scaffolding. e.g. <div class="editor-label"> @Html.LabelFor(model => model.Email) </div> <div class="editor-field"> @Html.EditorFor(model => model.Email) @Html.ValidationMessageFor(model => model.Email) </div> and so on. I have a dropdownlist where the user can select if hes a person or a company. If person is selected the page loads with the person's properties, like birthdate, but if he/she selects the option 'company', I switch out a part of the form (with jquery .detach() .attach()) to a hidden div outside the form (so the values aren't posted on

I have created the following custom RegularExpressionAttribute [AttributeUsage(AttributeTargets.Property | AttributeTargets.Field, AllowMultiple = false)] public class AlphaNumericAttribute: RegularExpressionAttribute, IClientValidatable { public AlphaNumericAttribute() : base("^[-A-Za-z0-9]+$") { } public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata metadata, ControllerContext context) { yield return new ModelClientValidationRule { ErrorMessage = FormatErrorMessage(metadata.GetDisplayName()), ValidationType = "alphanumeric" }; } } The field in the ViewModel is

This is a part of my Edit view: <dt> @Html.LabelFor(model => model.MainModel.StartDate) </dt> <dd> @Html.TextBoxFor(model => model.MainModel.StartDate) @Html.ValidationMessageFor(model => model.MainModel.StartDate) <div class="targetDiv"> My content </div> </dd> So as all of you know when StartDate field in my model not valid unobtrusive show the error message and if valid hide it. Now I want to add another action to this process. I need if StartDate value is Invalid show "targetDiv" div and if StartDate value is Valid hide it. what is your suggestion? You can check for field validity with

I am designing a data input form using asp.net MVC4 which has an input of type date. Using the unobtrusive jQuery library in chrome and jQueryUI datepicker I was still getting an error (The field news_date must be a date.), after selecting a correct date format, using the datepicker (i.e. 14/02/2013) and submitting the form. Some searching suggested I should use the jQuery.globilization library. So after reading the documentation I added a reference to the following script. $(document).ready(function () { $.culture = Globalize.culture("en-GB"); $.validator.methods.date = function (value,

I have an ASP.NET MVC 4 App that uses the jQuery.validation.js plugin and MVC's jQuery.validation.unobtrusive.js . I use data annotations on my view model to validate a textbox's input to be an integer. This (nested) view is loaded within a parent view using... <% Html.RenderPartial("New"); %> One the first inital page load, client side validation works. But any reloading of the nested view with an ajax call, client side validation no longer works. Why is that? Update : (Code example from webdeveloper's solution below) $.validator.unobtrusive.parse($('form')); Example: var saveAndUpdate =