বুটস্ট্র্যাপ 3 এর সাথে সম্পূর্ণ সামঞ্জস্যের জন্য আমি ইনপুট-গ্রুপ , রেডিও এবং চেকবক্সের জন্য সমর্থন যোগ করেছি , যা অন্যান্য সমাধানগুলিতে অনুপস্থিত ছিল।
আপডেট 10/20/2017 : অন্যান্য উত্তরের পরামর্শগুলি পরিদর্শন করে এবং রেডিও- ইনলাইনের বিশেষ মার্কআপের জন্য অতিরিক্ত সহায়তা যোগ করে , রেডিও বা চেকবক্সগুলির একটি গ্রুপের জন্য আরও ভাল ত্রুটি স্থান নির্ধারণ এবং নিয়ন্ত্রণগুলির বৈধতা রোধে একটি কাস্টম .নোলোইডেশন শ্রেণির জন্য সমর্থন যুক্ত করে। আশা করি এটি পরামর্শ এবং পরামর্শগুলির জন্য ধন্যবাদ।
বৈধতা প্লাগইন অন্তর্ভুক্ত করার পরে নিম্নলিখিত কল যুক্ত করুন:
$.validator.setDefaults({
errorElement: "span",
errorClass: "help-block",
highlight: function (element, errorClass, validClass) {
// Only validation controls
if (!$(element).hasClass('novalidation')) {
$(element).closest('.form-group').removeClass('has-success').addClass('has-error');
}
},
unhighlight: function (element, errorClass, validClass) {
// Only validation controls
if (!$(element).hasClass('novalidation')) {
$(element).closest('.form-group').removeClass('has-error').addClass('has-success');
}
},
errorPlacement: function (error, element) {
if (element.parent('.input-group').length) {
error.insertAfter(element.parent());
}
else if (element.prop('type') === 'radio' && element.parent('.radio-inline').length) {
error.insertAfter(element.parent().parent());
}
else if (element.prop('type') === 'checkbox' || element.prop('type') === 'radio') {
error.appendTo(element.parent().parent());
}
else {
error.insertAfter(element);
}
}
});
এটি সমস্ত বুটস্ট্র্যাপ 3 ফর্ম শ্রেণীর জন্য কাজ করে। যদি আপনি একটি অনুভূমিক ফর্ম ব্যবহার করেন তবে আপনাকে নীচের মার্কআপটি ব্যবহার করতে হবে। এটি নিশ্চিত করে যে সহায়তা-ব্লক পাঠ্যটি ফর্ম-গোষ্ঠীর বৈধতা রাষ্ট্রের ("ত্রুটি আছে", ...) সম্মান করে ।
<div class="form-group">
<div class="col-lg-12">
<div class="checkbox">
<label id="LabelConfirm" for="CheckBoxConfirm">
<input type="checkbox" name="CheckBoxConfirm" id="CheckBoxConfirm" required="required" />
I have read all the information
</label>
</div>
</div>
</div>