Conditional Client-Side (Jquery) validation

Question

Late!

I am performing a complex validation on a specific class with the following code (reduced to simplify):

public class Classe1 : IValidatableObject 
{
    [Key]
    public int Id_Classe1 { get; set; }
    [Required]
    public int Id_Estado { get; set; }
    public virtual Classe2 CLASSE2 { get; set; }

    public Classe1() {
    CLASSE2 = new Classe2();
}

public IEnumerable<ValidationResult> Validate(ValidationContext validationContext) {
    if (this.Id_Estado == 1) 
    {
        if (CLASSE2.Nm_Classe2 == null)
            yield return new ValidationResult("Campo Nome é obrigatório.", new string[] { "CLASSE2.Nm_Classe2" });
    }
}

In the controller (Modelstate.Isvalid) the validation is ok. Now I need to reflect this validation in Client-Side, with jquery unobtrusive. Can someone give me some guidance on how to do?

Answer 1

To whom it may interest, I found what I needed, I resolved it as follows:

I created a conditional validator that tests a class specific attribute and handles the other class attribute, like this:

public class Classe1 : IValidatableObject
{
    [Key]
    public int Id_Classe1 { get; set; }
    [Required]
    public int Id_Estado { get; set; }
    [Required]
    public virtual Classe2 CLASSE2 { get; set; }

    [IgualOuDiferente("Id_Estado", "1", "Igual", ErrorMessage = "Campo requerido")]
    public string Teste
    {
        get { return this.CLASSE2.Nm_Classe2; }
        set { CLASSE2.Nm_Classe2 = value; }
    }
}

That is, if the attribute "Id_status" is "Equal" to "1", requires you to enter the Nm_Classe2, even though he’s in another class (Classe2) without the [Required].

In View it looks like this:

@Html.TextBoxFor(m => m.Teste)
@Html.ValidationMessageFor(m => m.Teste)

Valew!

Answer 2

Implementing custom attributes that implement an interface called IClientValidatable. In this question users show in detail how to do this.

In this case, your event Validate enters as a validation bonus, only on the server side.