如何爲jQuery.validator添加自定義消息？

Question

_form.html.erb

<div class="form-group grading_weighments_div"> 
    <%= f.fields_for :grading_weighments do |gw| %> 
     <div class="grading_weighments_wrapper"> 
      <div class="form-group weights_div"> 
       <%= gw.label :weights ,class:"sr-only"%> 
        <%= gw.text_field :weights ,placeholder:"Weight", class:"form-control weights", autocomplete:"off" ,autofocus:true%> 
      </div> 
      <div class="form-group boxes_div"> 
       <%= gw.label :box_count ,class:"sr-only"%> 
        <%= gw.text_field :box_count, placeholder:"Boxes", class:"form-control boxes", autocomplete:"off" %> 
      </div> 
      <div class="form-group remove_icon_div"> 
       <%= gw.link_to_remove class:'btn btn-danger', title:"Remove this weight", data: { toggle: "tooltip", placement:"bottom" } do%> 
        <i class="fa fa-minus"></i> 
        <%end%> 
      </div> 
     </div> 
     <%end%> 
      <%= f.link_to_add :grading_weighments ,style:'display:none', class:'btn btn-primary add_grading_weighments' , title:"Add Gradings", data: { toggle: "tooltip", placement:"right" } do%> 
       <i class="fa fa-plus"></i> 
       <%end%> 

</div>  

驗證

jQuery.validator.addClassRules({ 
weights:{ 
    required:true, 
    number:true, 
    min:1, 
}, 
boxes:{ 
    required:true, 
    digits:true, 
    min:1 
} 

}）;

在這裏，我想爲以上字段添加自定義消息。我在這裏使用jQuery.validator.addClassRules。這怎麼可能。這裏我加了message:{}。但不行。

Answer 1

基本上你在錯誤的地方做正確的事情。

如果你看看the documentation，你會看到你可以通過添加一些信息到HTML元素來驗證自定義消息。

它們顯示例如：

<input id="cemail" 
    data-msg-email="Please enter a valid email address" 
    data-msg-required="Please enter your email address" 
    data-rule-email="true" 
    data-rule-required="true" 
    name="email" 
    aria-required="true"> 

所有規則被稱爲表單元素的名稱，而不是ID。