Topic: Stepper Validation

taf77 premium asked 4 years ago


Hi, i cant validate my form.

Only validate the first input:

Inscripción Popular Vas a hacer la incripción. En solo tres pasos podrás disfrutar de la mejor manera de despedir el año.

Preparados... Listos... ¡YA!

    <form>
        <div class="row">
            <div class="col-12 col-lg-8 offset-lg-2 col-md-10 offset-md-1">

                <ul class="stepper horizontal" id="custom-validation">
                    <li class="step active uno">
                        <div class="step-title waves-effect waves-dark"></div>
                        <div class="step-new-content">


                            <h3 class="mb-4 black-text">¿Qué tipo de carrera vas a correr?</h3>

                            <div class="switch-field">
                                <div class="cont_label">
                                    <input type="radio" id="popular" name="carrera" value="popular" checked />
                                    <label class="first" for="popular">Carrera Popular</label>
                                </div>
                                <div class="cont_label">
                                    <input type="radio" id="handbike" name="carrera" value="handbike" />
                                    <label class="medio" for="handbike">Handbike</label>
                                </div>
                                <div class="cont_label">
                                    <input type="radio" id="silla" name="carrera" value="silla" />
                                    <label class="last" for="silla">Silla Atletismo</label>
                                </div>
                            </div>

                            <h3 class="black-text mt-4 mt-md-5">Datos de contacto</h3>
                            <p class="peque mb-3">Todos los campos son obligatorios</p>

                            <div class="row">
                                <div class="col-12 col-md-4">
                                    <div class="md-form">
                                        <input type="text" id="nombre" class="form-control validate" required>
                                        <label for="nombre">Nombre</label>
                                    </div>
                                </div>
                                <div class="col-12 col-md-4">
                                    <div class="md-form">
                                        <input type="text" id="apellido_uno" class="validate form-control" required>
                                        <label for="apellido_uno">Apellido uno</label>
                                    </div>
                                </div>
                                <div class="col-12 col-md-4">
                                    <div class="md-form">
                                        <input type="text" id="apellido_dos" class="validate form-control" required>
                                        <label for="apellido_dos">Apellido dos</label>
                                    </div>
                                </div>

                            </div>

                            <div class="row">
                                <div class="col-12 col-md-4">
                                    <div class="md-form">
                                        <input type="text" id="dni" class="validate form-control" required>
                                        <label for="dni">DNI/Pasaporte</label>
                                    </div>
                                </div>
                                <div class="col-12 col-md-4">
                                    <a class="posicion_modal" data-toggle="popover" data-placement="top"
                                        title="Mayor de 16 años"
                                        data-content="Recuerda que los menores de 16 años no pueden participar en la carrera. Si tienes 16 años deberás entregar en la feria del corredor una autorización que puedes encontrar en nuestra web."><img
                                            class="info" src="assets/img/info.svg" /></a>

                                    <div class="md-form">
                                        <input type="text" id="fecha_nac" class="validate form-control" required
                                            placeholder="dd/mm/aaaa">
                                        <label class="menos" for="fecha_nac">Fecha nacimiento</label>
                                    </div>

                                </div>

                                <div class="col-12 col-md-4">

                                    <div class="md-form">
                                        <input type="number" id="telefono" class="validate form-control" required>
                                        <label for="telefono">Teléfono</label>
                                    </div>

                                </div>

                            </div>
                            <div class="row">
                                <div class="col-12 col-md-6">
                                    <div class="md-form">
                                        <input type="email" id="mail" class="validate form-control" required>
                                        <label for="mail">Email</label>
                                    </div>
                                </div>
                                <div class="col-12 col-md-6">
                                    <div class="md-form">
                                        <input type="email" id="repite_mail" class="validate form-control" required>
                                        <label for="repite_mail">Confirmar Email</label>
                                    </div>
                                </div>
                            </div>
                            <p class="mt-4 mb-md-3 black-text">Género</p>
                            <div class="switch-field genero mb-md-4 mb-0">
                                <div class="cont_label">
                                    <input type="radio" id="masculino" name="genero" value="masculino" checked />
                                    <label class="first" for="masculino">Masculino</label>
                                </div>
                                <div class="cont_label">
                                    <input type="radio" id="femenino" name="genero" value="femenino" />
                                    <label class="last" for="femenino">Femenino</label>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-12 col-md-4">
                                    <div class="md-form">
                                        <input type="text" id="direccion" class="validate form-control" required>
                                        <label for="direccion">Dirección</label>
                                    </div>
                                </div>
                                <div class="col-12 col-md-2">
                                    <div class="md-form">
                                        <input type="number" id="numero" class="validate form-control" required>
                                        <label class="menos" for="numero">Nº</label>
                                    </div>
                                </div>
                                <div class="col-12 col-md-3">
                                    <div class="md-form">
                                        <input type="text" id="piso" class="validate form-control" required>
                                        <label for="piso">Piso</label>
                                    </div>
                                </div>
                                <div class="col-12 col-md-3">
                                    <div class="md-form">
                                        <input type="number" id="puerta" class="validate form-control" required>
                                        <label class="menos" for="puerta">Puerta</label>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12 col-md-4">
                                    <div class="md-form">
                                        <input type="text" id="poblacion" class="validate form-control" required>
                                        <label for="poblacion">Población</label>
                                    </div>
                                </div>
                                <div class="col-12 col-md-2">
                                    <div class="md-form">
                                        <input type="number" id="cp" class="validate form-control" required>
                                        <label class="menos" for="cp">CP</label>
                                    </div>
                                </div>
                                <div class="col-12 col-md-3">
                                    <span class="chevron"></span>
                                    <select class="mdb-select md-form">

                                        <option value="" disabled selected>Provincia</option>
                                        <option value='A Coruña'>A Coruña</option>
                                        <option value='Álava'>álava</option>
                                        <option value='Albacete'>Albacete</option>
                                        <option value='Alicante'>Alicante</option>
                                        <option value='Almería'>Almería</option>
                                        <option value='Asturias'>Asturias</option>
                                        <option value='Ávila'>Ávila</option>
                                        <option value='Badajoz'>Badajoz</option>
                                        <option value='Barcelona'>Barcelona</option>
                                        <option value='Burgos'>Burgos</option>
                                        <option value='Cáceres'>Cáceres</option>
                                        <option value='Cádiz'>Cádiz</option>
                                        <option value='Cantabria'>Cantabria</option>
                                        <option value='Castellón'>Castellón</option>
                                        <option value='Ceuta'>Ceuta</option>
                                        <option value='Ciudad Real'>Ciudad Real</option>
                                        <option value='Córdoba'>Córdoba</option>
                                        <option value='Cuenca'>Cuenca</option>
                                        <option value='Gerona'>Gerona</option>
                                        <option value='Girona'>Girona</option>
                                        <option value='Las Palmas'>Las Palmas</option>
                                        <option value='Granada'>Granada</option>
                                        <option value='Guadalajara'>Guadalajara</option>
                                        <option value='Guipúzcoa'>Guipúzcoa</option>
                                        <option value='Huelva'>Huelva</option>
                                        <option value='Huesca'>Huesca</option>
                                        <option value='Jaén'>Jaén</option>
                                        <option value='La Rioja'>La Rioja</option>
                                        <option value='León'>León</option>
                                        <option value='Lleida'>Lleida</option>
                                        <option value='Lugo'>Lugo</option>
                                        <option value='Madrid'>Madrid</option>
                                        <option value='Malaga'>Málaga</option>
                                        <option value='Mallorca'>Mallorca</option>
                                        <option value='Melilla'>Melilla</option>
                                        <option value='Murcia'>Murcia</option>
                                        <option value='Navarra'>Navarra</option>
                                        <option value='Orense'>Orense</option>
                                        <option value='Palencia'>Palencia</option>
                                        <option value='Pontevedra'>Pontevedra</option>
                                        <option value='Salamanca'>Salamanca</option>
                                        <option value='Segovia'>Segovia</option>
                                        <option value='Sevilla'>Sevilla</option>
                                        <option value='Soria'>Soria</option>
                                        <option value='Tarragona'>Tarragona</option>
                                        <option value='Tenerife'>Tenerife</option>
                                        <option value='Teruel'>Teruel</option>
                                        <option value='Toledo'>Toledo</option>
                                        <option value='Valencia'>Valencia</option>
                                        <option value='Valladolid'>Valladolid</option>
                                        <option value='Vizcaya'>Vizcaya</option>
                                        <option value='Zamora'>Zamora</option>
                                        <option value='Zaragoza'>Zaragoza</option>
                                    </select>
                                </div>
                                <div class="col-12 col-md-3">
                                    <span class="chevron"></span>
                                    <select class="mdb-select md-form">
                                        <option value="" disabled selected>Pais</option>
                                        <option value='Afganistán'>Afganistán</option>
                                        <option value='Albania'>Albania</option>
                                        <option value='Alemania'>Alemania</option>
                                        <option value='Andorra'>Andorra</option>
                                        <option value='Angola'>Angola</option>
                                        <option value='Antigua y Barbuda'>Antigua y Barbuda</option>
                                        <option value='Arabia Saudita'>Arabia Saudita</option>
                                        <option value='Argelia'>Argelia</option>
                                        <option value='Argentina'>Argentina</option>
                                        <option value='Armenia'>Armenia</option>
                                        <option value='Australia'>Australia</option>
                                        <option value='Austria'>Austria</option>
                                        <option value='Azerbaiyán'>Azerbaiyán</option>
                                        <option value='Bahamas'>Bahamas</option>
                                        <option value='Bangladés'>Bangladés</option>
                                        <option value='Barbados'>Barbados</option>
                                        <option value='Baréin'>Baréin</option>
                                        <option value='Bélgica'>Bélgica</option>
                                        <option value='Belice'>Belice</option>
                                        <option value='Benín'>Benín</option>
                                        <option value='Bielorrusia'>Bielorrusia</option>
                                        <option value='Birmania'>Birmania</option>
                                        <option value='Bolivia'>Bolivia</option>
                                        <option value='Bosnia y Herzegovina'>Bosnia y Herzegovina</option>
                                        <option value='Botsuana'>Botsuana</option>
                                        <option value='Brasil'>Brasil</option>
                                        <option value='Brunéi'>Brunéi</option>
                                        <option value='Bulgaria'>Bulgaria</option>
                                        <option value='Burkina Faso'>Burkina Faso</option>
                                        <option value='Burundi'>Burundi</option>
                                        <option value='Bután'>Bután</option>
                                        <option value='Cabo Verde'>Cabo Verde</option>
                                        <option value='Camboya'>Camboya</option>
                                        <option value='Camerún'>Camerún</option>
                                        <option value='Canadá'>Canadá</option>
                                        <option value='Catar'>Catar</option>
                                        <option value='Chad'>Chad</option>
                                        <option value='Chile'>Chile</option>
                                        <option value='China'>China</option>
                                        <option value='Chipre'>Chipre</option>
                                        <option value='Ciudad del Vaticano'>Ciudad del Vaticano</option>
                                        <option value='Colombia'>Colombia</option>
                                        <option value='Comoras'>Comoras</option>
                                        <option value='Corea del Norte'>Corea del Norte</option>
                                        <option value='Corea del Sur'>Corea del Sur</option>
                                        <option value='Costa de Marfil'>Costa de Marfil</option>
                                        <option value='Costa Rica'>Costa Rica</option>
                                        <option value='Croacia'>Croacia</option>
                                        <option value='Cuba'>Cuba</option>
                                        <option value='Dinamarca'>Dinamarca</option>
                                        <option value='Dominica'>Dominica</option>
                                        <option value='Ecuador'>Ecuador</option>
                                        <option value='Egipto'>Egipto</option>
                                        <option value='El Salvador'>El Salvador</option>
                                        <option value='Emiratos Árabes Unidos'>Emiratos Árabes Unidos</option>
                                        <option value='Eritrea'>Eritrea</option>
                                        <option value='Eslovaquia'>Eslovaquia</option>
                                        <option value='Eslovenia'>Eslovenia</option>
                                        <option value='España'>España</option>
                                        <option value='Estados Unidos'>Estados Unidos</option>
                                        <option value='Estonia'>Estonia</option>
                                        <option value='Etiopía'>Etiopía</option>
                                        <option value='Filipinas'>Filipinas</option>
                                        <option value='Finlandia'>Finlandia</option>
                                        <option value='Fiyi'>Fiyi</option>
                                        <option value='Francia'>Francia</option>
                                        <option value='Gabón'>Gabón</option>
                                        <option value='Gambia'>Gambia</option>
                                        <option value='Georgia'>Georgia</option>
                                        <option value='Ghana'>Ghana</option>
                                        <option value='Granada'>Granada</option>
                                        <option value='Grecia'>Grecia</option>
                                        <option value='Guatemala'>Guatemala</option>
                                        <option value='Guyana'>Guyana</option>
                                        <option value='Guinea'>Guinea</option>
                                        <option value='Guinea ecuatorial'>Guinea ecuatorial</option>
                                        <option value='Guinea-Bisáu'>Guinea-Bisáu</option>
                                        <option value='Haití'>Haití</option>
                                        <option value='Honduras'>Honduras</option>
                                        <option value='Hungría'>Hungría</option>
                                        <option value='India'>India</option>
                                        <option value='Indonesia'>Indonesia</option>
                                        <option value='Irak'>Irak</option>
                                        <option value='Irán'>Irán</option>
                                        <option value='Irlanda'>Irlanda</option>
                                        <option value='Islandia'>Islandia</option>
                                        <option value='Islas Marshall'>Islas Marshall</option>
                                        <option value='Islas Salomón'>Islas Salomón</option>
                                        <option value='Israel'>Israel</option>
                                        <option value='Italia'>Italia</option>
                                        <option value='Jamaica'>Jamaica</option>
                                        <option value='Japón'>Japón</option>
                                        <option value='Jordania'>Jordania</option>
                                        <option value='Kazajistán'>Kazajistán</option>
                                        <option value='Kenia'>Kenia</option>
                                        <option value='Kirguistán'>Kirguistán</option>
                                        <option value='Kiribati'>Kiribati</option>
                                        <option value='Kuwait'>Kuwait</option>
                                        <option value='Laos'>Laos</option>
                                        <option value='Lesoto'>Lesoto</option>
                                        <option value='Letonia'>Letonia</option>
                                        <option value='Líbano'>Líbano</option>
                                        <option value='Liberia'>Liberia</option>
                                        <option value='Libia'>Libia</option>
                                        <option value='Liechtenstein'>Liechtenstein</option>
                                        <option value='Lituania'>Lituania</option>
                                        <option value='Luxemburgo'>Luxemburgo</option>
                                        <option value='Madagascar'>Madagascar</option>
                                        <option value='Malasia'>Malasia</option>
                                        <option value='Malaui'>Malaui</option>
                                        <option value='Maldivas'>Maldivas</option>
                                        <option value='Malí'>Malí</option>
                                        <option value='Malta'>Malta</option>
                                        <option value='Marruecos'>Marruecos</option>
                                        <option value='Mauricio'>Mauricio</option>
                                        <option value='Mauritania'>Mauritania</option>
                                        <option value='México'>México</option>
                                        <option value='Micronesia'>Micronesia</option>
                                        <option value='Moldavia'>Moldavia</option>
                                        <option value='Mónaco'>Mónaco</option>
                                        <option value='Mongolia'>Mongolia</option>
                                        <option value='Montenegro'>Montenegro</option>
                                        <option value='Mozambique'>Mozambique</option>
                                        <option value='Namibia'>Namibia</option>
                                        <option value='Nauru'>Nauru</option>
                                        <option value='Nepal'>Nepal</option>
                                        <option value='Nicaragua'>Nicaragua</option>
                                        <option value='Níger'>Níger</option>
                                        <option value='Nigeria'>Nigeria</option>
                                        <option value='Noruega'>Noruega</option>
                                        <option value='Nueva Zelanda'>Nueva Zelanda</option>
                                        <option value='Omán'>Omán</option>
                                        <option value='Países Bajos'>Países Bajos</option>
                                        <option value='Pakistán'>Pakistán</option>
                                        <option value='Palaos'>Palaos</option>
                                        <option value='Panamá'>Panamá</option>
                                        <option value='Papúa Nueva Guinea'>Papúa Nueva Guinea</option>
                                        <option value='Paraguay'>Paraguay</option>
                                        <option value='Perú'>Perú</option>
                                        <option value='Polonia'>Polonia</option>
                                        <option value='Portugal'>Portugal</option>
                                        <option value='Reino Unido'>Reino Unido</option>
                                        <option value='República Centroafricana'>República Centroafricana</option>
                                        <option value='República Checa'>República Checa</option>
                                        <option value='República de Macedonia'>República de Macedonia</option>
                                        <option value='República del Congo'>República del Congo</option>
                                        <option value='República Democrática del Congo'>República Democrática del
                                            Congo</option>
                                        <option value='República Dominicana'>República Dominicana</option>
                                        <option value='República Sudafricana'>República Sudafricana</option>
                                        <option value='Ruanda'>Ruanda</option>
                                        <option value='Rumanía'>Rumanía</option>
                                        <option value='Rusia'>Rusia</option>
                                        <option value='Samoa'>Samoa</option>
                                        <option value='San Cristóbal y Nieves'>San Cristóbal y Nieves</option>
                                        <option value='San Marino'>San Marino</option>
                                        <option value='San Vicente y las Granadinas'>San Vicente y las Granadinas
                                        </option>
                                        <option value='Santa Lucía'>Santa Lucía</option>
                                        <option value='Santo Tomé y Príncipe'>Santo Tomé y Príncipe</option>
                                        <option value='Senegal'>Senegal</option>
                                        <option value='Serbia'>Serbia</option>
                                        <option value='Seychelles'>Seychelles</option>
                                        <option value='Sierra Leona'>Sierra Leona</option>
                                        <option value='Singapur'>Singapur</option>
                                        <option value='Siria'>Siria</option>
                                        <option value='Somalia'>Somalia</option>
                                        <option value='Sri Lanka'>Sri Lanka</option>
                                        <option value='Suazilandia'>Suazilandia</option>
                                        <option value='Sudán'>Sudán</option>
                                        <option value='Sudán del Sur'>Sudán del Sur</option>
                                        <option value='Suecia'>Suecia</option>
                                        <option value='Suiza'>Suiza</option>
                                        <option value='Surinam'>Surinam</option>
                                        <option value='Tailandia'>Tailandia</option>
                                        <option value='Tanzania'>Tanzania</option>
                                        <option value='Tayikistán'>Tayikistán</option>
                                        <option value='Timor Oriental'>Timor Oriental</option>
                                        <option value='Togo'>Togo</option>
                                        <option value='Tonga'>Tonga</option>
                                        <option value='Trinidad y Tobago'>Trinidad y Tobago</option>
                                        <option value='Túnez'>Túnez</option>
                                        <option value='Turkmenistán'>Turkmenistán</option>
                                        <option value='Turquía'>Turquía</option>
                                        <option value='Tuvalu'>Tuvalu</option>
                                        <option value='Ucrania'>Ucrania</option>
                                        <option value='Uganda'>Uganda</option>
                                        <option value='Uruguay'>Uruguay</option>
                                        <option value='Uzbekistán'>Uzbekistán</option>
                                        <option value='Vanuatu'>Vanuatu</option>
                                        <option value='Venezuela'>Venezuela</option>
                                        <option value='Vietnam'>Vietnam</option>
                                        <option value='Yemen'>Yemen</option>
                                        <option value='Yibuti'>Yibuti</option>
                                        <option value='Zambia'>Zambia</option>
                                        <option value='Zimbabue'>Zimbabue</option>
                                    </select>
                                </div>
                            </div>
                            <div class="step-actions">
                                <div class="contiene_btn">
                                    <button class="btn btn-lg ssv_gradiente btn-rounded next-step"
                                        data-feedback="paso01">Siguiente etapa</button>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="step dos">
                        <div class="step-title waves-effect waves-dark"></div>
                        <div class="step-new-content">
                            <h3 class="black-text mt-4 mt-md-5">Información para equiparte</h3>
                            <p class="peque mb-3">Todos los campos son obligatorios</p>
                            <p class="mt-4 mb-md-3 black-text">Camiseta de</p>
                            <div class="switch-field genero mb-md-4 mb-0">
                                <div class="cont_label">
                                    <input type="radio" id="camiseta_chico" name="camiseta" value="camiseta_chico"
                                        checked />
                                    <label class="first" for="camiseta_chico">Chico</label>
                                </div>
                                <div class="cont_label">
                                    <input type="radio" id="camiseta_chica" name="camiseta"
                                        value="camiseta_chica" />
                                    <label class="last" for="camiseta_chica">Chica</label>
                                </div>
                            </div>
                            <p class="peque mt-md-4 mt-0">Consulta la talla de camiseta <a href="#talla_camiseta"
                                    data-toggle="modal" data-target="#talla_camiseta"><img class="info"
                                        src="assets/img/info.svg" /></a></p>
                            <div class="row">
                                <div class="col-12 col-md-6">
                                    <span class="chevron"></span>
                                    <select class="mdb-select md-form">

                                        <option value="" disabled selected>Talla de camiseta</option>
                                        <option value="S-HOMBRE">S-Hombre</option>
                                        <option value="M-HOMBRE">M-Hombre</option>
                                        <option value="L-HOMBRE">L-Hombre</option>
                                        <option value="XL-HOMBRE">XL-Hombre</option>
                                        <option value="XXL-HOMBRE">XXL-Hombre</option>
                                        <option value="S-MUJER">S-Mujer</option>
                                        <option value="M-MUJER">M-Mujer</option>
                                        <option value="L-MUJER">L-Mujer</option>
                                        <option value="XL-MUJER">XL-Mujer</option>
                                    </select>
                                </div>
                            </div>
                            <h3 class="black-text mt-4 mt-md-4">Información adicional</h3>
                            <p class="light">Por seguridad necesitamos los datos de un contacto de emergencia por
                                si en algún momento de la carrera tuviésemos que contactar con él/ella. </p>
                            <div class="row">
                                <div class="col-12 col-md-6">
                                    <div class="md-form">
                                        <input type="text" id="nombre_contacto" class="validate form-control"
                                            required>
                                        <label for="nombre_contacto">Nombre de contacto</label>
                                    </div>
                                </div>
                                <div class="col-12 col-md-6">
                                    <div class="md-form">
                                        <input type="number" id="tlf_contacto" class="validate form-control"
                                            required>
                                        <label for="tlf_contacto">Teléfono de contacto</label>
                                    </div>
                                </div>
                            </div>
                            <div class="step-actions">
                                <div class="contiene_btn">
                                    <button class="btn mb-3 right ssv_gradiente btn-rounded next-step"
                                        data-feedback="someFunction21">Siguiente etapa</button>
                                    <button
                                        class="btn mb-3 ssv_gradiente btn-rounded previous-step left">Anterior</button>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="step tres">
                        <div class="step-title waves-effect waves-dark"></div>
                        <div class="step-new-content">
                            <h3 class="black-text mt-4 mt-md-5">Información para la carrera</h3>
                            <p class="peque">Todos los campos son obligatorios</p>
                            <div class="row">
                                <div class="col-12 col-md-6">
                                    <span class="chevron"></span>
                                    <select class="mdb-select md-form">
                                        <option value="" disabled selected>Marca tu cajón de salida</option>
                                        <option value="mas70"> más de 70 minutos - sin marca</option>
                                        <option value="menos70"> menos de 70 minutos</option>
                                        <option value="menos60">menos de 60 minutos</option>
                                        <option value="menos55">menos de 55 minutos</option>
                                        <option value="menos52">menos de 52 minutos</option>
                                        <option value="menos50">menos de 50 minutos</option>
                                        <option value="menos48">menos de 48 minutos</option>
                                        <option value="menos45">menos de 45 minutos</option>
                                        <option value="menos42">menos de 42 minutos</option>
                                        <option value="menos38">menos de 38 minutos</option>
                                    </select>
                                </div>
                            </div>
                            <p class="mt-4 black-text">Selecciona tu carrera de 10K homologada <a
                                    data-toggle="popover" data-placement="top" title="Acredita tu marca"
                                    data-content="Para recibir una pulsera de tiempo que te permita salir desde un cajón de salida inferior a 70 minutos, debes acreditar tu marca en el momento de la retirada de tu camiseta dorsal mediante un documento impreso (clasificación oficial o diploma acreditativo). Estas marcas deberán ser realizadas en las carreras de 10 km en pista o ruta validadas por Nationale-Nederlanden San Silvestre Vallecana durante 2019 o en la carrera Nationale-Nederlanden San Silvestre Vallecana de 2018 y que están publicadas en la web de la carrera."><img
                                        class="info" src="assets/img/info.svg" /></a></p>
                            <div class="row">
                                <div class="col-12 col-md-6">
                                    <span class="chevron"></span>
                                    <select class="mdb-select md-form">

                                        <option value="" disabled selected>Provincia</option>
                                        <option value='A Coruña'>A Coruña</option>
                                        <option value='Álava'>álava</option>
                                        <option value='Albacete'>Albacete</option>
                                        <option value='Alicante'>Alicante</option>
                                        <option value='Almería'>Almería</option>
                                        <option value='Asturias'>Asturias</option>
                                        <option value='Ávila'>Ávila</option>
                                        <option value='Badajoz'>Badajoz</option>
                                        <option value='Barcelona'>Barcelona</option>
                                        <option value='Burgos'>Burgos</option>
                                        <option value='Cáceres'>Cáceres</option>
                                        <option value='Cádiz'>Cádiz</option>
                                        <option value='Cantabria'>Cantabria</option>
                                        <option value='Castellón'>Castellón</option>
                                        <option value='Ceuta'>Ceuta</option>
                                        <option value='Ciudad Real'>Ciudad Real</option>
                                        <option value='Córdoba'>Córdoba</option>
                                        <option value='Cuenca'>Cuenca</option>
                                        <option value='Gerona'>Gerona</option>
                                        <option value='Girona'>Girona</option>
                                        <option value='Las Palmas'>Las Palmas</option>
                                        <option value='Granada'>Granada</option>
                                        <option value='Guadalajara'>Guadalajara</option>
                                        <option value='Guipúzcoa'>Guipúzcoa</option>
                                        <option value='Huelva'>Huelva</option>
                                        <option value='Huesca'>Huesca</option>
                                        <option value='Jaén'>Jaén</option>
                                        <option value='La Rioja'>La Rioja</option>
                                        <option value='León'>León</option>
                                        <option value='Lleida'>Lleida</option>
                                        <option value='Lugo'>Lugo</option>
                                        <option value='Madrid'>Madrid</option>
                                        <option value='Malaga'>Málaga</option>
                                        <option value='Mallorca'>Mallorca</option>
                                        <option value='Melilla'>Melilla</option>
                                        <option value='Murcia'>Murcia</option>
                                        <option value='Navarra'>Navarra</option>
                                        <option value='Orense'>Orense</option>
                                        <option value='Palencia'>Palencia</option>
                                        <option value='Pontevedra'>Pontevedra</option>
                                        <option value='Salamanca'>Salamanca</option>
                                        <option value='Segovia'>Segovia</option>
                                        <option value='Sevilla'>Sevilla</option>
                                        <option value='Soria'>Soria</option>
                                        <option value='Tarragona'>Tarragona</option>
                                        <option value='Tenerife'>Tenerife</option>
                                        <option value='Teruel'>Teruel</option>
                                        <option value='Toledo'>Toledo</option>
                                        <option value='Valencia'>Valencia</option>
                                        <option value='Valladolid'>Valladolid</option>
                                        <option value='Vizcaya'>Vizcaya</option>
                                        <option value='Zamora'>Zamora</option>
                                        <option value='Zaragoza'>Zaragoza</option>
                                    </select>
                                </div>
                                <div class="col-12 col-md-6">
                                    <span class="chevron"></span>
                                    <select class="mdb-select md-form">

                                        <option value="" disabled selected>Carrera</option>
                                        <option value="1">Option 1</option>
                                        <option value="2">Option 2</option>
                                        <option value="3">Option 3</option>
                                    </select>
                                </div>
                            </div>
                            <h3 class="black-text mt-4 mt-md-5">Guardarropa</h3>
                            <p class="peque">Selecciona una opción </p>
                            <div class="row">
                                <div class="col-12 col-md-6">
                                    <span class="chevron"></span>
                                    <select class="mdb-select md-form">
                                        <option value="" disabled selected>Selecciona...</option>
                                        <option value="guardaropa_fijo">Guardaropa fijo en Vallecas (1€)</option>
                                        <option value="guardaropa_movil">Guardarropa móvil salida-meta (4€)
                                        </option>
                                        <option value="Sin_guardaropa">No usaré guardaropa(0€)</option>
                                    </select>
                                </div>
                            </div>


                            <h3 class="black-text mt-4 mt-md-5">Recogida de tu dorsal</h3>
                            <p class="peque">Todos los campos son obligatorios</p>
                            <div class="row">
                                <div class="col-12 col-md-6">
                                    <span class="chevron"></span>
                                    <select class="mdb-select md-form">

                                        <option value="" disabled selected>Día de recogida</option>
                                        <option value="22dic">22 de Diciembre</option>
                                        <option value="23dic">23 de Diciembre</option>
                                        <option value="24dic">24 de Diciembre</option>
                                        <option value="26dic">26 de Diciembre</option>
                                        <option value="27dic">27 de Diciembre</option>
                                        <option value="28dic">28 de Diciembre</option>
                                        <option value="29dic">29 de Diciembre</option>
                                        <option value="30dic">30 de Diciembre</option>

                                    </select>
                                </div>
                                <div class="col-12 col-md-6">
                                    <span class="chevron"></span>
                                    <select class="mdb-select md-form">

                                        <option value="" disabled selected>Hora de recogida</option>
                                        <option value="10">10:00</option>
                                        <option value="11">11:00</option>
                                        <option value="12">12:00</option>
                                        <option value="13">13:00</option>
                                        <option value="14">14:00</option>
                                        <option value="15">15:00</option>
                                        <option value="16">16:00</option>
                                        <option value="17">17:00</option>
                                        <option value="18">18:00</option>
                                        <option value="19">19:00</option>
                                        <option value="20">20:00</option>
                                    </select>
                                </div>
                            </div>
                            <div class="step-actions">
                                <div class="contiene_btn">
                                    <button
                                        class="btn mb-3 right ssv_gradiente btn-rounded previous-step">Anterior</button>
                                    <a data-toggle="modal" data-target="#donacion"
                                        class="mb-3 btn left ssv_gradiente btn-rounded">Realizar pago</a>
                                </div>

                            </div>
                        </div>
                    </li>
                </ul>

            </div>

        </div>

    </form>

Can you help me?


Marta Wierzbicka staff answered 4 years ago


Hi,

do you need more help?

Best, Marta


taf77 premium answered 4 years ago


OMG, i forget the name... sorry



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Premium
  • Premium support: Yes
  • Technology: MDB jQuery
  • MDB Version: 4.8.2
  • Device: PC
  • Browser: Chrome
  • OS: Win10
  • Provided sample code: No
  • Provided link: No