javascript - Rails Gem クライアント側検証 html 構造体

Question

私のプロジェクトでは Twitter Bootstrap CSS Framework を使用しているため、私の html は次のようになります。

<div class="control-group ">
  <label class="control-label" for="user_name">Username</label> 
  <div class="controls">
    <input data-validate="true" id="user_name" name="user[name]" size="30" type="text">
  </div>
</div>

検証が失敗した場合、クライアント側の検証はそれを次のように変更します。

<div class="control-group ">
  <div class="field_with_errors">
    <label class="control-label" for="user_name">Username</label>
  </div> 
  <div class="controls">
    <div class="field_with_errors">
      <input data-validate="true" id="user_name" name="user[name]" size="30" type="text">
      <label for="user_name" class="message">Please input Username</label>
    </div>
  </div>
</div>

しかし、Bootstrap Form validation Css を使用したい: HTML は:

<div class="control-group error">
   <label class="control-label" for="inputError">Input with error</label>
   <div class="controls">
      <input type="text" id="inputError">
         <span class="help-inline">Please correct the error</span>
      </div>
   </div>
</div>

実行する方法？

Answer 1

try this gem: realtime validations