jQuery Validation プラグインがあります。
//name validation
cnForm.validate({
rules: {
customerName: {
required: true,
minlength: 3
},
date: {
required: true,
dateRegex: /^(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.](19|20)\d\d$/,
maxlength: 10
}
},
onkeyup: false,
onclick: false,
onfocusout: false,
messages: {
customerName: {
required: "Unable to proceed, search field is empty"
},
date: {
required: "Unable to proceed, search field is empty"
}
},
errorPlacement: function(error, element) {
var trigger = element.next('.ui-datepicker-trigger');
error.insertAfter(trigger.length > 0 ? trigger : element);
}
});
エラーの原因となるデータを入力すると、入力ボックス/ボタンの後に適切な新しいラベルが表示されますが、クラスerror
は入力ボックスにも適用されます。そのクラスをボックスに割り当てないようにする方法はありますか? ありがとう。