自定义消息通过html jquery验证未显示

Question

我从＆gt;＆gt;学习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"
    }
});