Parsely Custom error container
HTML
<script src="//cdnjs.cloudflare.com/ajax/libs/parsley.js/1.1.10/parsley.min.js"></script>
<form>
<div class="span6">
<div class="parsley-container"></div>
<div>
<div>Send this in the distribution:</div>
<input required>
<label for="icheck3"><input type="checkbox" name="distribution_items" value="Metadata" data-bind="checked:distributionItems" data-mincheck="1" />
Metadata</label>
</div>
<div>
<label for="icheck4"><input type="checkbox" name="distribution_items" value="Full Text" data-bind="checked:distributionItems" data-mincheck="1" />
Full Text</label>
</div>
<div>
<label for="icheck4"><input type="checkbox" name="distribution_items" value="References" data-bind="checked:distributionItems" data-mincheck="1" />
References</label>
</div>
<div>
<label for="icheck4"><input type="checkbox" name="distribution_items" value="PDF" data-bind="checked:distributionItems" data-mincheck="1" />
PDF</label>
</div>
<div>
<label for="icheck4"><input type="checkbox" name="distribution_items" value="Supplimental Files" data-bind="checked:distributionItems" data-mincheck="1" />
Supplimental Files</label>
</div>
</div>
</form>
<button id="submit_btn">submit</button>
JavaScript
$(function () {
$('form').parsley({
errors: {
container: function (element, isRadioOrCheckbox) {
/*Use jQuery to select the first preceding div with class="parsley-container"*/
var $container = $('div.parsley-container');
console.log('$container : ',$container)
return $container;
}
}
});
$("#submit_btn").click(function () {
$("form").parsley('validate');
});
});