通过htmljquery验证的自定义消息未显示

custom message via html jquery validate not showing

本文关键字:显示 自定义消息 htmljquery 验证 通过      更新时间:2023-09-26

i从>>学习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>

但当我运行此代码时,错误仅显示"this field is required"而不是"Harap pilih Kinerja"。如何修复?

您可以使用类似的data-msg-属性来传递自定义消息

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

演示:Fiddle

如果您仍想将错误消息放在特定位置,则可能需要覆盖errorPlacement选项

您可以通过规则添加自定义消息

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