自定義消息通過HTML jquery驗證沒有顯示

Question

我學習jQuery驗證從>>http://bassistance.de/jquery-plugins/jquery-plugin-validation/。我設置自定義消息內嵌HTML，這樣

<input name="pelatihan_performance" type="radio" value="1" required /> 
<input name="pelatihan_performance" type="radio" value="2" /> 
<input name="pelatihan_performance" type="radio" value="3" /> 
<input name="pelatihan_performance" type="radio" value="4" /> 
<input name="pelatihan_performance" type="radio" value="5" /> 

// error handler 
<label for="pelatihan_performance" class="error">Harap pilih Kinerja</label> 

但是當我運行這段代碼，錯誤只顯示「這是必須填寫」不「Harap pilih Kinerja」。如何解決它？

Answer 1

添加自定義的信息您可以通過使用data-msg-屬性自定義消息像

<input name="pelatihan_performance" type="radio" value="1" required data-msg-required="Harap pilih Kinerja"/> 

演示：Fiddle

還是要放置錯誤消息在特定的地方，您可能要覆蓋errorPlacement選項

Answer 2

您可以通過規則

$('#form').validate({ 
    rules: { 
     pelatihan_performance: { 
      required : true 
     } 
    }, 
    messages: { 
     pelatihan_performance: "Harap pilih kinerja" 
    } 
});