Evento onclick falla al enviar formulario a archivo PHP

el_cos · #1 (**permalink**) 15/07/2012, 06:25

Hola. Es la primera vez que escribo en el foro de JavaScript, aunque ya tengo escrito unas cuantas veces en el de PHP.

Estoy aprendiendo a programar en JavaScript de forma autodidacta a través de una serie de videotutoriales colgados en youtube.

Estoy en las últimas lecciones y me he encontrado con que no me funciona un ejercicio. Está en este enlace, entre 9:30 y 16 minutos: [URL="http://www.youtube.com/watch?v=jxQ-b4pmhq8&feature=relmfu"]http://www.youtube.com/watch?v=jxQ-b4pmhq8&feature=relmfu[/URL]

El ejercicio incluye 2 archivos:

El 1º en código html que es el que usa javascript, es éste:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<title>
Simulación de eventos con métodos de evento
</title>
</head>

<body bgcolor="#CC9900">
	<form id="formulario" name="miform" action="http://localhost/mostrar.php" method="post">
	<p> Escribe tu nombre: <br/>
		<input type="text" name="camponombre" size="30" value="Nombre: " onfocus="this.select()"/>
	</p>
	<p> Escribe tu dirección: <br/>
		<input type="text" name="campodireccion" size="30" value="Dirección: " onfocus="this.select()"/>
	</p>
	</form>
	<a href="#" onclick="javascript:document.miform.submit();"> Pulsa aquí para enviar el formulario </a>
	<p>
	<a href="#" onclick="javascript:document.miform.reset();"> Pulsa aquí para borrar </a>
</body>
</html>

El 2º, muy básico, con código PHP:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<title>
Mostrar datos
</title>
</head>

<body>

<?
	echo "<p> Estos son tus datos:";
	echo "<p>Tu nombre es:";
	echo "<br>";
	echo $camponombre;
	echo "<p> Tu dirección es:";
	echo "<br>";
	echo $campodireccion;
?>
</body>
</html>

Lo que me falla es el submit() del evento onclick. Cuando pulso en "Pulsa aquí para enviar el formulario" me carga el archivo PHP, pero pone Tu nombre es: y no aparece el nombre que has tecleado en el formulario de HTML.

El evento onclick del enlace desactivado, con pseudoprotocolo javascript, reset() sí que me funciona.

Según el videotutorial, en el archivo PHP para escribir el campo del formulario sólo hay que poner echo $campoformulario. ¿Es correcto?, ¿por qué no me escribe nada?

Muchas gracias por adelantado.

Panino5001 · #2 (**permalink**) 15/07/2012, 06:49

Como el problema no es que no se envía el formulario, muevo el mensaje al foro en que mejor podrán ayudarte.

gebremswar · #3 (**permalink**) 17/07/2012, 01:55

Hola el_cos, que tal.
Desde: El 1º en código html que es el que usa javascript, es éste:
envias los datos con method="post".

Mientras en el código de: El 2º, muy básico, con código PHP:.

Imprimes dos variables.

Código PHP:

Ver original<?php
echo $camponombre;
//y 
echo $campodireccion;
?>

En ninguna linea, de este ultimo, veo que se reciben los datos enviados del formulario por POST. Para lo cual deberías realizar la recepción de la siguiente manera:

Código PHP:

Ver original<?php $camponombre=$_POST['camponombre']; ?>

Para finalmente imprimirlas como bien lo haz hecho.

el_cos · #4 (**permalink**) 17/07/2012, 09:50

¡Muchas gracias! Sí que era por eso. Estaba obsesionado con que tenía que funcionar tal y como lo hacen en el videotutorial, y sólo buscaba encontrar diferencias con su código, en vez de centrarme en buscarle la lógica (¡y la lógica es que se recibe con $_POST!).

Muchas gracias. Saludos.