[Solved] Register Custom ValidationAttribute on clientside

[JULIA]

Hello,

i have a custom ValidationAttribute:

public sealed class DateCompareAttribute : ValidationAttribute
{
    private const string DefaultErrorMessage = "...";

    public DateCompareAttribute( string loweredOrEqualDateTimeProperty, bool includeEqual ) : base( DefaultErrorMessage )
    {
        LoweredOrEqualDateTimeProperty = loweredOrEqualDateTimeProperty;
        IncludeEqual = includeEqual;
    }
    // ...
}

I register the validator on clientside:

<script type="text/javascript">
    Sys.Mvc.ValidatorRegistry.validators.dateCompare = function (rule) {
        var p = rule.ValidationParameters.loweredOrEqualDateTimeProperty;
        var ie = rule.ValidationParameters.includeEqual;
        return function (value, context) {
            return false;
        };
    };
</script>

The validation on clientside will never run. in a "normal" form without a grid everything works fine.
Which is the way to run this validation inside the grid? Extend jquery.validate?

Regards,
Timo

[JULIA]

Hello,

i have a custom DataAnnotationsModelValidator.

public class RequiredIfValidator : DataAnnotationsModelValidator<RequiredIfAttribute>
{
    public RequiredIfValidator( ModelMetadata metadata, ControllerContext context, RequiredIfAttribute attribute )
            : base( metadata, context, attribute ) {}

    public override IEnumerable<ModelClientValidationRule> GetClientValidationRules()
    {
        return base.GetClientValidationRules();
    }

    public override IEnumerable<ModelValidationResult> Validate( object container )
    {
        var field = Metadata.ContainerType.GetProperty( Attribute.DependentProperty );

        if( field != null )
        {
            var value = field.GetValue( container, null );
            if( ( value == null && Attribute.TargetValue == null ) || ( value.Equals( Attribute.TargetValue ) ) )
            {
                if( !Attribute.IsValid( Metadata.Model ) )
                    yield return new ModelValidationResult { Message = ErrorMessage };
            }
        }
    }
}

Metadata.Model is always null. But in a "normal" form it works. Is this an issue with the grid?

[Hristo Germanov]

Hello Timo,

Thank you for contacting us.

I have attached a simple project showing how to validate HTML input elements on client-side with jQuery. (Use haacked project as a base).

The problem is that the grid does not render initially input HTML elements (which is expected - grid is not in edit mode) and ASP.NET MVC framework will not serialize validation rules. Hence grid, which binds on client-side, will not post page when goes in edit mode. Thus validation rules will never be serialized.

I am glad to inform you that we were able to overcome this issue and the fix is included to our latest internal build. For your convenience it is attached along with the test project.

Regards,

Hristo Germanov
the Telerik team