フォームにjQuery検証プラグインを使用しています。フォームが検証されない場合、正しいエラーメッセージが表示されます。別の場所に配置したいだけです。
現在、エラーラベルは最初のチェックボックスラベルの下に表示されています(チェック1)。#messageBoxdivに表示したいのですが。
これは私がうまくいくと思ったものです....しかし、そうではありません:(
html:
<div class="form_row">
<div class="buttonColumn">
<label><input type="checkbox" name="program[]" class="isChecked error">Check 1</label>
<label><input type="checkbox" name="program[]" class="isChecked error">Check 2</label>
<label><input type="checkbox" name="program[]" class="isChecked error">Check 3</label>
<label><input type="checkbox" name="program[]" class="isChecked error">Check 4</label>
</div>
<div id="messageBox"></div>
jQuery:
$('#custom_form').validate({
rules: {
"program[]": {
required: true,
minlength: 1,
},
errorPlacement: function(error, element) {
if (element.attr("program[]") == "program[]") {
error.appendTo('#messageBox');
}
},
messages: {
"program[]": "Please choose a program.",
}
});