2
respuestas

[Duda] Duda: Title no se refleja en la pagina

Referente al curso JS en la Web: Validación de Formularios y HTML5, en el capítulo Validación de contraseña y actividad Haga lo que hicimos en aula

por Ana Karina Casillas Flores
| 83.6k xp | 16 posts
Bilingual Teacher

Buenas tardes, tengo una duda, el texto que pusimos con las caracteristicas de la contraseña no aparece en la pagina, no esta funcionando mi title. 

<div class="input-container">
                        <input name="password" id="password" class="input" type="password" placeholder="Contraseña" required pattern="^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?!.*[ !@#$%^&*_=+\-]).{6,12}$" title="Incluye al menos 6 caracteres, máximo 12, debe contener una letra minúscula, una mayuscúla, un número y no debe tener caracteres especiales.">
                        <label class="input-label" for="password">Contraseña</label>
                        <span class="input-message-error">Este campo no es valido</span>
                    </div>

Pudieras asesorearme de lo que se esta haciendo mal? el código tal cual lo descargue del GitHub.

Gracias

2 respuestas
por Rafaela Rocha
| 2874.2k xp | 8758 posts
Alura Scuba Team Scuba Team

¡Hola Ana!

Gracias por compartir tu duda con nosotros. Parece que estás teniendo problemas para que el título se refleje en la página. Revisando el código que compartiste, parece que todo está en orden. Sin embargo, hay algunos puntos que podrías verificar para asegurarte de que el título se muestre correctamente.

  1. Asegúrate de que estás cargando correctamente el archivo JavaScript que contiene el código para mostrar el título. Puedes verificar esto en la sección de tu archivo HTML donde se incluyen los scripts.

  2. Verifica que no haya errores en la consola del navegador. Si hay algún error en tu código JavaScript, esto podría afectar el funcionamiento del título.

  3. Asegúrate de que estás utilizando el atributo title correctamente en tu etiqueta de entrada. El texto que agregaste al atributo title debería aparecer como una descripción emergente cuando pasas el cursor sobre el campo de contraseña.

Si has verificado estos puntos y todavía no ves el título en la página, podría ser útil revisar el resto de tu código para descartar cualquier otro problema. También puedes consultar la documentación o buscar ejemplos similares en línea para obtener más información sobre cómo usar el atributo title en HTML.

Espero que esta información te sea útil para resolver tu problema. Si tienes alguna otra pregunta, no dudes en preguntar. ¡Buena suerte con tu aprendizaje!

Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios! :)
por Piero Alberto Sevastian Caballero Hoyos
| 87.8k xp | 1 posts

El error está en el pattern, debe ser así:

<input name="password" id="password" class="input" type="password" placeholder="Contraseña" required pattern="^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?!.*[ !@#$%^&*_=+\-]).{6,12}$" title="Al menos 6 caracteres, máximo 12, debe contener una letra minúscula, una letra mayúscula, un número y no puede contener caracteres especiales.">