title: MVC and HTML5 Validation: conflict with the decimal format
body: <p>I've got an input element:</p>
  
  <p><strong>View</strong></p>
  
  <pre><code>&lt;input 
  type="number" 
  min="0" 
  max="100" 
  step="1" 
  value="@Model.Percentage" 
  name="Percentage" /&gt;
  </code></pre>
  
  <p><strong>Model</strong></p>
  
  <pre><code>[Required][Range(0.2,10000)][DisplayFormat(DataFormatString = "{0:n2}", ApplyFormatInEditMode = true)]
  public decimal? Percentage { get; set; }
  </code></pre>
  
  <p>In this way the input type stays empty in the browser.</p>
  
  <p>I can force it by replacing the comma with a dot in the percentage ToString.</p>
  
  <p>But then the DataAnnotations don't work any more.</p>
  
  <p>Also have a look to HTML5 rendered input and the default MVC rendered input:</p>
  
  <pre><code>&lt;input 
  class="text-box single-line 
  input-validation-error" 
  data-val="true" 
  data-val-number="The field Percentage must be a number." 
  data-val-range="The field Percentage must be between 0 and 100." 
  data-val-range-max="100" data-val-range-min="0" 
  data-val-required="The field Percentage is mandatory" 
  id="Percentage" name="Percentage" type="text" value="0,0" 
  aria-required="true" 
  aria-invalid="true" 
  aria-describedby="Percentage-error Percentage-error Percentage-error Percentage-error"&gt;
  
  &lt;input type="number" 
  min="0" 
  max="100" 
  step="1" 
  value="1" 
  name="Percentage" 
  aria-invalid="false" 
  aria-describedby="Percentage-error Percentage-error" 
  class="valid"&gt;
  </code></pre>