Fieldset/legends

[mapsedge]

Added a field attribute, "group", and used vanilla javascript to wrap fieldsets around each set of controls with that group. The javascript is namespaced with a long, random string to avoid collisions.
phpFormBuilder-withFieldsets.php.txt

[Jowcey]

I fixed a few issues in your insertJavascript function:

`
function insertJavascript(){
$f = $this->form[id];
$objectName = $this->generateRandomString(20);
$out = <<<EOT

<script> var $objectName = { getGroups: function() { var e = document.getElementById("$f").querySelectorAll("[group]"), t = "", r = {}; return e.forEach(e => { void 0 !== (t = e.getAttribute("group")) && (r[t] = "") }), 0 != r.length && Object.keys(r).reverse() }, buildGroupFieldsets: function() { var e = document.getElementById("$f"); e && $objectName.getGroups().forEach(t => { let r = document.createElement("fieldset"), o = document.createElement("legend"); o.innerHTML = t, r.appendChild(o); let n = '.form_field_wrap[group="' + t + '"]'; document.querySelectorAll(n).forEach(e => { r.append(e) }), e.insertBefore(r, e.firstChild) }) } }; $objectName.buildGroupFieldsets(); </script>

            EOT;

	return $out;
}

`

Here i removed the getForm function and put it in it's used line.
I then also added it the the getGroups function instead of grabbing the route document.

The issue with getting groups from the route document is that if you have multiple forms on your page it would always put the fieldsets from every form in the first form it finds