MVC3 CompareAttribute、クライアント側のバグ

Question

私はMVC3を使用しています。同じページにLogInフォームとRegisterフォームが必要です。それは私が（同じ画面上の2つの形式が）欲しいものを私に与え

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

とコントローラとリターンを修正するためのデータをポストし、（もしあれば）のフォームのエラーが表示されます。私は、次のようLogInRegisterViewModelを建てたことを達成するために。私が持っている唯一の問題は、私は私のRegisterViewModelにConfirmPasswordプロパティの上に持っていることCompareAttributeである：

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; } 
} 

クライアント側のパスワードが（〜私はいつも彼らと私に言ったメッセージとの比較から検証エラーを取得等しいことはありません彼らは（私はそれについて確信している）場合でも、同じではない）。ブラウザでHTMLは次のとおりです。私はRegisterViewModelを使用する場合、 データ-VAL-equalto-他= "*パスワード。"

CompareAttributeが正常に動作します：

<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> 

私はそれがすべてのこの属性についてですという感じを持っています直接。誰もがこれに前に来ている？バグですか、何か間違っていますか？私の場合と比較するにはどうすればいいですか？

Answer 1

これは[Compare("Password", ErrorMessage = "Passwords do not match.")]属性で動作するはずですが、これは実際にはjquery.validate.unobtrusive.jsファイルのバグだと思われます。問題はこのコードにあります：

adapters.add("equalto", ["other"], function (options) { 
    var prefix = getModelPrefix(options.element.name), 
     other = options.params.other, 
     fullOtherName = appendModelPrefix(other, prefix), 
     element = $(options.form).find(":input[name=" + fullOtherName + "]")[0]; 

    setValidationValues(options, "equalTo", element); 
}); 

したがって、JQuery findメソッドで他のコントロールを検索しようとします。しかし "。" dot文字は、このSO questionで説明されているように、fullOtherName変数（あなたのケースでは："Register.Password"）にエスケープされません。そのため、名前にドットがないため、RegisterViewModelのみを直接使用すると機能します。

はそれを修正するには、appendModelPrefix関数に1行を追加する必要があります

//original 
function appendModelPrefix(value, prefix) { 
    if (value.indexOf("*.") === 0) { 
     value = value.replace("*.", prefix); 
    } 
    return value; 
} 

//fixed 
function appendModelPrefix(value, prefix) { 
    if (value.indexOf("*.") === 0) { 
     value = value.replace("*.", prefix); 
    } 
    value = value.split('.').join('\\.'); 
    return value; 
} 

Answer 2

非常に良い答え、nemesvを。新人のために追加する

つだけの事：あなたは公開時

function g(a,b){if(a.indexOf("*.")===0)a=a.replace("*.",b);return a} 

が.min.js

で

function g(a,b){if(a.indexOf("*.")===0)a=a.replace("*.",b);a=a.split('.').join('\\.');return a} 

なりそうでない場合は、エラーが戻ってきます。