Ajax y php 1 parte

1

Por admin | Para la categoría de Ajax | noticia del 13-07-2009

Creación del formulario html que nos va a servir para la recogida de datos que se le van a pasar al fichero php

Código del fichero html formulario 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

<script type="text/javascript" src="validacion.js"> </script>
</head>
<body>
<h1>formulario</h1>
<form action="javascript:void%200">
<div id="mensaje"></div>
<p>Deporte favorito: <input type="text" name="deporte" size="20" maxlength="20"/></p>
<p>Color favorito: <input type="text" name="color" size="20" maxlength="20" /></p>
<p>Dirección de Correo: <input type="text" name="correo" size="20" maxlength="40" /></p>
<br/>
<input type="submit" name="enviar" value="enviar" />
<br/>
<br/>
<select name="estilo"> 
	<option label="verde" value="verde" selected>Verde</option>
	<option label="rosa" value="rosa">Rosa</option>
	<option label="azul" value="azul">Azul</option>
	<option label="cosmopolita" value="cosmopolita">Cosmopolita</option>
</select>
<br/>
<br/>
<div id="datos"></div>
</form>
</body>

Como se puede observar se trata de un formulario simple en el que se piden una serie de datos al usuario y se comprueba si estan en blanco los datos y si es una direccion de correo (“no se utilizan expresiones regulares”)
formularioajax

Una vez rellenados los campos correctamente el código javascript nos muestra las siguientes pantallas
peticioncompleta
Los datos enviados al servidor
datos
resultado de la devolución de los datos desde el servidor
resultado

Enlace “link” a siguiente post Enlace Ajax 2 parte

Comentarios (1)

Stinky63 said on 10-10-2009

Base on that and your blog posts, I hope to catch him on tour. ,

Escribe un comentario