Estou usando o MVC3 e quero ter o formulário de logon e o registro na mesma página. Para conseguir isso, criei o LogInRegisterViewModel da seguinte maneira:

public class LogInRegisterViewModel
{
    public LogInViewModel LogIn { get; set; }
    public RegisterViewModel Register { get; set; }
}

Dá o que eu quero (dois formulários na mesma tela) e publica os dados para corrigir controladores e retorna e exibe erros nos formulários (se houver). O único problema que tenho é com CompareAttribute que tenho acima da propriedade ConfirmPassword no meu RegisterViewModel:

public class RegisterViewModel
{
    [Required]
    [Display(Name = "Friendly user name")]
    public string UserName { get; set; }

    [Required]
    [Display(Name = "E-mail address")]
    public string Email { get; set; }

    [Required]
    [DataType(DataType.Password)]
    [Display(Name = "Password")]
    [StringLength(16, ErrorMessage = "The {0} must be at least {2} characters long.", MinimumLength = 6)]
    public string Password { get; set; }

    [DataType(DataType.Password)]
    [Display(Name = "Confirm password")]
    [Compare("Password", ErrorMessage = "Passwords do not match.")]
    public string ConfirmPassword { get; set; }
}

No lado do cliente, as senhas nunca são iguais (~ eu sempre recebo um erro de validação no Compare com uma mensagem informando que elas não são iguais), mesmo que sejam (tenho certeza disso). O HTML no navegador é:

    <div class="editor-label">
        <label for="Register_Password">Password</label>
    </div>
    <div class="editor-field">
        <input class="valid" data-val="true" data-val-length="The Password must be at least 6 characters long." data-val-length-max="16" data-val-length-min="6" data-val-required="The Password field is required." id="Register_Password" name="Register.Password" type="password">
        <span class="field-validation-valid" data-valmsg-for="Register.Password" data-valmsg-replace="true"></span>
    </div>

    <div class="editor-label">
        <label for="Register_ConfirmPassword">Confirm password</label>
    </div>
    <div class="editor-field">
        <input class="input-validation-error" data-val="true" data-val-equalto="Passwords do not match." data-val-equalto-other="*.Password" id="Register_ConfirmPassword" name="Register.ConfirmPassword" type="password">
        <span class="field-validation-error" data-valmsg-for="Register.ConfirmPassword" data-valmsg-replace="true"><span class="" generated="true" for="Register_ConfirmPassword">Passwords do not match.</span></span>
    </div>

Sinto que é tudo sobre esse atributo: data-val-equalto-other = "*. Password"

CompareAttribute funciona bem quando eu uso o RegisterViewModel diretamente. Alguém já entrou nisso antes? É um bug ou estou fazendo algo errado? Como fazer o Compare funcionar no meu caso?