Rails Gem客户端验证html结构

Question

我的项目使用Twitter Bootstrap CSS框架，所以我的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> 

但我想用户引导表单验证的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

试试这个宝石：realtime validations