templates/conectar/conectar-nosotros.html.twig line 1

{% extends 'base.html.twig' %}

{% block title %}Hello HomeController!{% endblock %}

{% block body %}

    <div class="connect-page py-5">
        <div class="container-tierra">
            <h1 class="text-center mb-4 mb-xl-5">Conecta con nosotros</h1>
            <div>
                <h2 class="my-4">Enhora buena hoy partiremos a descubrir un nuevo mundo conectado!</h2>
                {{ form_start(form, { 'attr': { 'novalidate': 'novalidate' } }) }}
                    <div class="form-group">
                        <div class="input-form">
                            {{ form_label(form.empresa) }}
                            {{ form_widget(form.empresa) }}
                        </div>
                        {{ form_errors(form.empresa) }}
                    </div>
                    <div class="form-group">
                        <div class="input-form">
                            {{ form_label(form.nombre) }}
                            {{ form_widget(form.nombre, {'attr': {'class':'validate-text'}}) }}
                        </div>
                        {{ form_errors(form.nombre) }}
                    </div>
                    <div class="form-group">
                        <div class="input-form">
                            {{ form_label(form.apellido) }}
                            {{ form_widget(form.apellido, {'attr': {'class':'validate-text'}}) }}
                        </div>
                        {{ form_errors(form.apellido) }}
                    </div>
                    <div class="form-group">
                        <div class="input-form">
                            {{ form_label(form.profesion) }}
                            {{ form_widget(form.profesion, {'attr': {'class':'validate-text'}}) }}
                        </div>
                        {{ form_errors(form.profesion) }}
                    </div>
                    <div class="form-group">
                        <div class="input-form">
                            {{ form_label(form.celular) }}
                            {{ form_widget(form.celular) }}
                        </div>
                        {{ form_errors(form.celular) }}
                    </div>
                    <div class="form-group">
                        <div class="input-form">
                            {{ form_label(form.documento) }}
                            {{ form_widget(form.documento) }}
                        </div>
                        {{ form_errors(form.documento) }}
                    </div>
                    <button type="submit" class="btn-g borde">Enviar</button>
                {{ form_end(form) }}
            </div>
        </div>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const inputs = document.querySelectorAll('form input');
            inputs.forEach(input => {
                input.addEventListener('input', function () {
                    const errorList = input.closest('.form-group')?.querySelector('ul');
                    console.log(errorList);
                    if (errorList) errorList.style.display = 'none';
                });
            });

            const inputsText = document.querySelectorAll('.validate-text');
            inputsText.forEach(input => {
                input.addEventListener('input', function () {
                    this.value = this.value.replace(/[^a-zA-ZáéíóúÁÉÍÓÚñÑ\s]/g, '');
                });
            });

            document.getElementById('conectar_form_celular')?.addEventListener('input', function() {
                this.value = this.value.replace(/\D/g, '');
            });
        });
    </script>

{% endblock %}