Почему моя форма не проверяет правильность, когда я устанавливаю их?

Question

У меня есть следующий HTML:

<form action="/User/Account/Register" class="form" method="post"> 
      <input name="__RequestVerificationToken" type="hidden" value="kq_5caRv7pZxBPgvvBiwHzNeQd_V8MvPzr9k85FsDWdhDmBh3yCq5JmofXpqxyhVcWWBfjYuKirpYfoWd_dor_VlpxqAb0AmN4sKSVbDJS1cDWwhI9xodugz-SKaoxmba-ukOw2" /> 


      <div data-valmsg-summary="true"></div> 

      <div id="input-fields"> 
       <div> 
        <input data-val="true" data-val-required="The User name field is required." id="UserName" name="UserName" type="text" value="" /> 
       </div> 
       <div> 
        <input data-val="true" data-val-length="The Password must be at least 6 characters long." data-val-length-max="100" data-val-length-min="6" data-val-required="The Password field is required." id="Password" name="Password" type="password" /> 
       </div> 
       <div> 
        <input data-val="true" data-val-equalto="The password and confirmation password do not match." data-val-equalto-other="*.Password" id="ConfirmPassword" name="ConfirmPassword" type="password" /> 
       </div> 
      </div> 
      <button type="submit" class="white-gradient glossy">Register</button> 
     </form> 

Однако, когда я нажимаю на Регистре он не делает любой из проверок, которые я ожидаю, и форма представленных без каких-либо проблем.

Может ли кто-нибудь сказать мне, что я делаю неправильно?

Answer 1

Это потому, что data-val, data-val-required ... не являются атрибутами тега ввода HTML5.

Смотреть это пожалуйста:

HTML5 form additions, validation