Scroll to first failed validation input in a Contensis Form. ***required JQuery.scrollIntoView***

form-validate-scroll-to-error.js

!(function($, d) {
	'use strict';
	var debug = false;

	$(function() {
		$('[id*=btnSubmitForm]').click(onSubmitClick);
	});

	function onSubmitClick(e) {
		var formID = returnFormId($(this).attr('id'));
		var pageID = $(this).parent().parent().attr('id');
		var currentpageId = returnPageId(pageID).split("-")[0];

		debug && console.log("btnSubmitForm clicked");

		existsError(currentpageId, formID);
	}

	function existsError(pageId, formId) {
		var $inputsValidFailed = $("#formpage_" + pageId + "-" + formId).find(".sys_cms-form-error:visible");

		debug && console.log("existsError");

		debug && console.log("$inputsValidFailed");
		debug && console.log($inputsValidFailed);

		if ($inputsValidFailed.length > 0) {
			var elToScrollTo = $($inputsValidFailed[0]).closest('li');
			elToScrollTo.scrollIntoView && elToScrollTo.scrollIntoView();
		}
	}

	function returnFormId(objId) {
		var IdArray = objId.split('_');
		return IdArray[1];
	}

	function returnPageId(objId) {
		var IdArray = objId.split('_');
		return IdArray[1];
	}


})(jQuery, document);