0

モデルクラス:

public class MyClass 
{ 
    ......
    [MaxLength(9), Required, DisplayName("Social security number")]
    [RegularExpression(@"\d{3}-\d\d-\d{4}", ErrorMessage = "Invalid social security number")]
    public string SocialSecurityNumber { get; set; }
}

かみそり：

@Html.TextBoxFor(model => model.SocialSecurityNumber, new { id = "ssn" })
@Html.ValidationMessageFor(model => model.SocialSecurityNumber)

Visual Studio 2012/Chrome での実行時に生成されたコード。

<input data-val="true" 
  data-val-regex="Invalid social security number" 
  data-val-regex-pattern="\d{3}-\d\d-\d{4}" 
  data-val-required="The Social security number field is required." 
  id="ssn" 
  name="SocialSecurityNumber" 
  type="text" 
  value="" 
  class="input-validation-error">
<span 
  class="field-validation-error" 
  data-valmsg-for="SocialSecurityNumber" 
  data-valmsg-replace="true">
  <span for="ssn" class="" style="">Invalid social security number</span>
</span>

共有ホストへの公開後に生成されたコード

<input 
  data-val="true" 
  data-val-regex="Invalid social security number" 
  data-val-regex-pattern="\d{3}-\d\d-\d{4}" 
  data-val-required="The Social security number field is required." 
  id="ssn" 
  name="SocialSecurityNumber" 
  type="text" 
  value="">
<span 
   class="field-validation-valid" 
   data-valmsg-for="SocialSecurityNumber" 
   data-valmsg-replace="true"></span>

VS 経由で実行されているサイトに生成された html コードが多いのはなぜですか? ( class="input-validation-error">など )

4

1 に答える 1

0

2 つの状況があります -

最初の例は、入力が無効なテキスト ボックスを示しているため、css クラスinput-validation-errorとSPAN.

2 番目の例は、有効な(またはない) 入力を示しているため、テキスト ボックスに CSS クラスがなく、SPAN.

各サイトのフォームに無効な SSN を入力して送信し、同じ結果が得られないかどうかを確認します。

于 2013-04-01T17:43:24.593 に答える