Thank you. I pasted the code into my template but the 'required checkboxes' isn't working. Would you be able to tell what is wrong with my code below? Any help would be greatly appreciated.
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>Contact Us</title>
</head>
<body>
<script src="//app-sj19.marketo.com/js/forms2/js/forms2.min.js"></script>
<form id="mktoForm_1001"></form>
<script>MktoForms2.loadForm("//app-sj19.marketo.com", "049-ESW-305", 1001);
// ---- config section - site-specific setup here ----
// array of checkbox groups, each group defined by an array of fields
// maxChecked is (obvs.) the max # of elements that can be checked at once
var checkboxGroups = [{
fieldNames: ['specialtyinterestaddictions', 'specialtyinterestadministrationmanagementleadership', 'specialtyinterestanesthesiology', 'specialtyinterestaudiology', 'specialtyinterestbroadbased', 'specialtyinterestcardiologycardiaccare', 'specialtyinterestcommunitycare', 'specialtyinterestcriticalcare', 'specialtyinterestdentistry', 'specialtyinterestdermatology', 'specialtyinteresteducation', 'specialtyinterestemergencymedicine', 'specialtyinterestendocrinology', 'specialtyinterestgastroenterologyhepatology', 'specialtyinterestgerontology', 'specialtyinterestinfectiousdiseases', 'specialtyinterestinfusion', 'specialtyinterestinternalmedicine', 'specialtyinterestlifesciencesresearch', 'specialtyinterestmaternalneonatalperinatal', 'specialtyinterestneurologyneuroscience', 'specialtyinterestnutrition', 'specialtyinterestobstetricsgynecologywomenshealth', 'specialtyinterestoccupationalmedicine', 'specialtyinterestoncologyhematology', 'specialtyinterestophthalmologyoptometry', 'specialtyinterestorthopedics', 'specialtyinterestotolaryngology', 'specialtyinterestpainmanagement', 'specialtyinterestpathology', 'specialtyinterestpediatrics', 'specialtyinterestpharmacology', 'specialtyinterestphysicaltherapyrehabilitation', 'specialtyinterestplasticsurgery', 'specialtyinterestpsychiatricmentalhealth', 'specialtyinterestpulmonology', 'specialtyinterestradiology', 'specialtyinterestrheumatology', 'specialtyinterestsportsmedicinefitnessathletics', 'specialtyinterestsurgery', 'specialtyinteresttranslationalcare', 'specialtyinteresttransplantation', 'specialtyinteresttrauma', 'specialtyinterestwoundandostomycare'],
minChecked: 1,
maxChecked: 1,
minMessage: 'You must check at least one box in this group!'
}];
// --- no need to edit anything below this line! --
MktoForms2.whenReady(function(form) {
var formEl = form.getFormElem()[0],
_forEach = Array.prototype.forEach,
_filter = Array.prototype.filter;
// in real-time, when the max checked is reached, disable remaining 'boxes in the group
_forEach.call(checkboxGroups, function(group) {
var groupEls = formEl.querySelectorAll('#' + group.fieldNames.join(',#'));
_forEach.call(groupEls, function(el) {
el.addEventListener('click', function(e) {
var numChecked = _filter.call(groupEls, function(itm) {
if (itm.checked) return true;
}).length;
_forEach.call(groupEls, function(el) {
el.disabled = (numChecked == group.maxChecked && !el.checked);
});
});
});
});
// check minimum during validation
form.onValidate(function(nativeValid) {
if (!nativeValid) return;
_forEach.call(checkboxGroups, function(group) {
form.submittable(false);
var groupEls = formEl.querySelectorAll('#' + group.fieldNames.join(',#')),
numChecked = _filter.call(groupEls, function(itm) {
if (itm.checked) return true;
}).length;
if (numChecked < group.minChecked) {
form.showErrorMessage(group.minMessage, MktoForms2.$(groupEls[groupEls.length - 1]))
} else {
form.submittable(true);
}
});
});
});
</script>
</body>
</html>
.png)
Adchoices