Tengo varias páginas de formularios que comparten algunos de los mismos campos. Estos conjuntos de campos se han convertido en módulos de código reutilizables y se importan al DOM de cada página mediante declaraciones PHP require() .

Estos conjuntos de campos tienen controladores de eventos de jQuery correspondientes que realizan la validación de campos, así como diversas tareas relacionadas con la interfaz de usuario. También me gustaría hacer que estos manipuladores sean reutilizables.

Anteriormente, siempre declaraba dichos controladores dentro del evento $(document).ready() .

Si voy a importar estos controladores desde un archivo externo, tengo entendido que aún deben incluirse directamente en el evento $(document).ready() , en lugar de importarlos mediante un par de etiquetas HTML <script> estándar.

En PHP, simplemente include() o require() el bloque de código como lo hago con los conjuntos de campos. ¿Cómo realizo el equivalente en JS de la manera más simple posible? Preferiblemente sin agregar otro marco, podría agregar.