fix: revert back to find id anywhere in document

Author: colinaut

README.md

@@ -24,7 +24,7 @@ Version 1.7 adds x-required directive for toggling if the field is required.
 * 1.7.20: added observer for `required` attribute on fields and `disabled` attribute on fields and fieldsets. Now x-validate reacts to changes to these attributes so you can use AlpineJS :required and :disabled to set them.
 * 1.7.22: added `validate-on-submit` option to automatically validate on submit
 * 1.7.23: fix for submit so that it double checks validation on fields. There was a bug where if the user hit return and didn't tab out of a field it didn't update.
-* 1.7.26: fix for 1.7.25 break. Also fixes issue for multiple forms so that error messages have unique ids
+* 1.7.27: fix for 1.7.25 break where id based error messages stopped working. Also fixes issue for multiple forms so that error messages have unique ids.
 
 ## Simple Usage
 

dist/alpine.validate.cjs.js

@@ -338,8 +338,7 @@ var Plugin = function(Alpine) {
   }
   function getErrorMsgFromId(field) {
     const id = getAttr(field, "id");
-    const form = getForm(field);
-    return form.querySelector(`#${ERROR_MSG_CLASS}-${id}`);
+    return document.getElementById(`${ERROR_MSG_CLASS}-${id}`);
   }
   function addErrorMsg(field) {
     const fieldData = getData(field);

dist/alpine.validate.esm.js

@@ -325,8 +325,7 @@ var Plugin = function(Alpine) {
   }
   function getErrorMsgFromId(field) {
     const id = getAttr(field, "id");
-    const form = getForm(field);
-    return form.querySelector(`#${ERROR_MSG_CLASS}-${id}`);
+    return document.getElementById(`${ERROR_MSG_CLASS}-${id}`);
   }
   function addErrorMsg(field) {
     const fieldData = getData(field);

dist/alpine.validate.min.js

@@ -326,8 +326,7 @@
     }
     function getErrorMsgFromId(field) {
       const id = getAttr(field, "id");
-      const form = getForm(field);
-      return form.querySelector(`#${ERROR_MSG_CLASS}-${id}`);
+      return document.getElementById(`${ERROR_MSG_CLASS}-${id}`);
     }
     function addErrorMsg(field) {
       const fieldData = getData(field);

examples/alpine.validate.js

@@ -605,8 +605,7 @@ const Plugin = function (Alpine) {
 
 	function getErrorMsgFromId(field) {
 		const id = getAttr(field, "id");
-		const form = getForm(field);
-		return form.querySelector(`#${ERROR_MSG_CLASS}-${id}`);
+		return document.getElementById(`${ERROR_MSG_CLASS}-${id}`);
 	}
 
 	/* ------ Function to setup errorMsgNode by finding it or creating one ------ */