Cómo activar el código javascript en la validación del formulario.

Estoy ejecutando la validación del formulario en un formulario combinado (visualmente) de inicio de sesión/registro. El formulario de inicio de sesión se muestra de forma predeterminada y el formulario de registro se muestra cuando un usuario hace clic en un botón y se ejecuta el siguiente código js

 var card = document.getElementById("card"); function openRegister() { card.style.transform = "rotateY(-180deg)"; } function openLogin() { card.style.transform = "rotateY(0deg)"; }

Todo funciona bien, el problema surge cuando ejecuto la validación del formulario usando php. El informe de errores funciona y los mensajes de error se muestran en la ubicación correcta. Por lo tanto, el mensaje de error para el formulario de inicio de sesión se muestra en un div con una clase de anverso de tarjeta, y el error del formulario de registro está en un div con una clase de reverso de tarjeta.

Entonces, el sistema funciona bien cuando el usuario usa la página de inicio de sesión, que se muestra de forma predeterminada, el problema surge cuando el usuario usa el formulario de registro porque el encabezado ("ubicación: loginRegForm.php") muestra el formulario de inicio de sesión predeterminado. Si se hace clic en el botón para mostrar el formulario de registro, se muestra el mensaje de error correcto.

Por lo tanto, necesito una forma de activar el código js anterior, de modo que si hay un error al usar el formulario de registro, el formulario de registro no se muestra como el formulario de inicio de sesión predeterminado. He tenido problemas con esto durante unos días, por lo que estaría agradecido por cualquier sugerencia.