Mostrar un mensaje en un textarea según el valor introducido en un input
Publicado por javier (29 intervenciones) el 14/11/2016 09:14:03
Buenos dias
Tengo varias dudas en este ejercicio
Ejercicio 4
* 4. Controla que cada vez que el usuario escribe una letra en un input se
* muestre un mensaje en el TextArea con el valor del input y si su valor es válido.
Para saber si un input es válido ten en cuenta qué:
a. No se debe enviar el formulario si alguno de los inputs es incorrecto.
b. InputNombre no puede empezar por un número y debe contener entre 3 y 20 caracteres.
c. InputCodigo debe tener 13 números, ninguna letra (puedes utilizar una expresión regular para validar).
d. InputDia , inputMes y inputAno deben formar una fecha válida.
El HTML ya lo tengo hecho y la parte que muestre un mensaje en el textarea cada vez que escribe una letra en el input tengo hecha la funcion, pero no me muestra nada. Las demas partes no las tengo hechas.
Este es mi codigo HTML
Tengo varias dudas en este ejercicio
Ejercicio 4
* 4. Controla que cada vez que el usuario escribe una letra en un input se
* muestre un mensaje en el TextArea con el valor del input y si su valor es válido.
Para saber si un input es válido ten en cuenta qué:
a. No se debe enviar el formulario si alguno de los inputs es incorrecto.
b. InputNombre no puede empezar por un número y debe contener entre 3 y 20 caracteres.
c. InputCodigo debe tener 13 números, ninguna letra (puedes utilizar una expresión regular para validar).
d. InputDia , inputMes y inputAno deben formar una fecha válida.
El HTML ya lo tengo hecho y la parte que muestre un mensaje en el textarea cada vez que escribe una letra en el input tengo hecha la funcion, pero no me muestra nada. Las demas partes no las tengo hechas.
Este es mi codigo HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="formulario.js" type="text/javascript"></script>
<link rel="stylesheet" href="./formulario.css" type="text/css">
</head>
<body>
<form name="formulario" method="post" action="ejemplo.php">
Nombre Producto: <input type ="text" id="texto" name="nombre" placeholder="Nombre" size ="30" onkeyup="recibir()" /> <br/>
Codigo de Barras:<input type="text" id="codigo" name="codigo" placeholder="codigo" size="15" /> <br/>
Caducidad dia : <input type="text" id="dia" name="dia" placeholder="Dia" size="5" />
mes :<input type ="text" name="mes" id="mes" placeholder ="Mes" size ="5" />
año :<input type="text" name="año" id="anio" placeholder="Año" size="5" /> <br/>
<p>
Oferta :<select id="ofertas">
<option value="1">Normal</option>
<option value="2">2x1</option>
<option value="3">20%</option>
<option value="4">10%</option>
</select>
</p>
Congelado <input type="checkbox" id ="checkbox1"/>
Fruta <input type="checkbox" id="checkbox2"/>
Snack<input type="checkbox" id="checkbox3"/><br/>
<input class="boton" type ="submit" name="registrate" value="Registrate"/>
<input class="boton" type="button" name="limpiar" value="Limpia el formulario"/>
<input class="boton" type="button" name="guardar " value="Guardar datos"/>
<input class="boton" type="button" name="recuperar" value="Recuperar datos"/><br/>
<textarea id ="area" rows="2" cols="50">
TextArea con la información del formulario
</textarea>
<button onclick="nombre_funcion()">Enviar</button>
</form>
</body>
</html>
Valora esta pregunta
0
