forked from marquez.juan/clase-9-eventos
as avances en el ejercicio5
This commit is contained in:
@@ -106,6 +106,7 @@ form.addEventListener('submit' , (e) =>{
|
|||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
if (nombre.value.trim() === '') {
|
if (nombre.value.trim() === '') {
|
||||||
console.log('nombre vacio, reintenta');
|
console.log('nombre vacio, reintenta');
|
||||||
|
document.querySelector('#error-nombre').textContent = 'error nombre';
|
||||||
return;
|
return;
|
||||||
} else if (edad.value > 120 || edad.value < 0){
|
} else if (edad.value > 120 || edad.value < 0){
|
||||||
console.log('edad inverosimil');
|
console.log('edad inverosimil');
|
||||||
|
|||||||
@@ -48,12 +48,15 @@
|
|||||||
<form>
|
<form>
|
||||||
<label for="nombre">Nombre</label>
|
<label for="nombre">Nombre</label>
|
||||||
<input type="text" name="nombre" id="nombre">
|
<input type="text" name="nombre" id="nombre">
|
||||||
|
<label for="nombre" id="error-nombre"></label>
|
||||||
<br>
|
<br>
|
||||||
<label for="edad">Edad</label>
|
<label for="edad">Edad</label>
|
||||||
<input type="number" name="edad" id="edad">
|
<input type="number" name="edad" id="edad">
|
||||||
|
<label for="nombre" id="error-edad"></label>
|
||||||
<br>
|
<br>
|
||||||
<label for="mensaje">Mensaje</label>
|
<label for="mensaje">Mensaje</label>
|
||||||
<textarea name="mensaje" id="mensaje"></textarea>
|
<textarea name="mensaje" id="mensaje"></textarea>
|
||||||
|
<label for="mensaje" id="error-mensaje"></label>
|
||||||
<button type="submit" id="enviar">enviar</button>
|
<button type="submit" id="enviar">enviar</button>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user