Obtener valor de los elementos de un formulario

[gazpachoymochil]

Hola chicos, he estado intentar hacer una búsqueda por el foro de JavaScript para solucionar mi problema pero no carga la página, así que intentaré ver si alguien puede solventar mi duda: Resulta que tengo en un fichero .html varios formularios, de la siguiente forma:

Código HTML:

.....
<form id="formPaso1" name="formPaso1" method="post" action="">
    <table>
	<tr><td><input id="Ds_Merchant_Amount" type="radio" name="Ds_Merchant_Amount" value="5" /></td><td><img src="img/plan_5.gif" alt="ActualBackup5" /></td></tr>
	<tr><td><input id="Ds_Merchant_Amount" type="radio" name="Ds_Merchant_Amount" value="10" /></td><td><img src="img/plan_10.gif" alt="ActualBackup10" /></td></tr>
	<tr><td><input id="Ds_Merchant_Amount" type="radio" name="Ds_Merchant_Amount" value="50" /></td><td><img src="img/plan_50.gif" alt="ActualBackup50" /></td></tr>
	<tr><td><input id="Ds_Merchant_Amount" type="radio" name="Ds_Merchant_Amount" value="100" /></td><td><img src="img/plan_100.gif" alt="ActualBackup100" /></td></tr>
	<tr><td><input id="Ds_Merchant_Amount" type="radio" name="Ds_Merchant_Amount" value="200" /></td><td><img src="img/plan_200.gif" alt="ActualBackup200" /></td></tr>
	<tr><td><input id="Ds_Merchant_Amount" type="radio" name="Ds_Merchant_Amount" value="500" /></td><td><img src="img/plan_gold.gif" alt="ActualBackup500" /></td></tr>
    </table>
    <a href="#" id="contratar_ahora" class="click2">Continuar</a>
</form>
.....
<form id="formPaso2" name="formPaso2" method="post" action="">
    <table>
	<tr><td><p>Nombre: </p></td><td><input type="text" name="nombre" value="" id="nombre" /></td></tr>
	<tr><td><p>Email: </p></td><td><input type="text" name="email" value="" id="email" /></td></tr>
	<tr><td><p>Tel&eacute;fono: </p></td><td><input type="text" name="telefono" value="" id="telefono" /></td></tr>
    </table>
    <a href="#" id="contratar_ahora" class="click3">Continuar</a>
</form>
.....

Y en una sección de este fichero tengo el código JavaScript siguiente:

Código HTML:

.....
<script type="text/javascript">
			//obtenerDatosFormularios('formPaso1','formPaso2');
			document.write("<p>Esto sí que lo escribe</p>");
			document.write("<p>" + document.getElementById("nombre").value + "</p>");
			document.write("<p>" + document.getElementById("email").value + "</p>");
			document.write("<p>" + document.getElementById("telefono").value + "</p>");
		</script>
.....

como podéis ver, lo que quiero es que el script me imprima los elementos de los formularios para crear un formulario único. Esto lo hago así porque con jQuery estoy mostrando un formulario por pasos. El último formulario que quiero crear ahora será el que mostrará todos los campos de los formularios anteriores.

Supongo que será una chorrada, prero no logro que me imprima el valor que he introducido en ninguno de los formularios 'formPaso1' ni 'formPaso2'

¿Alguien me ayuda?

Ahhhh, FireBug me da el siguiente error:

formPaso2 is not defined: var x = document.getElementById(formPaso2).nombre.value;


Muchas gracias a todos!!

PD: Es la tercerá vez que programo algo con JavaScript... un poquito de paciencia.

[gazpachoymochil]

A ver, he averiguado lo siguiente. El código JavaScript debería ser:

Código HTML:

document.write("<p>" + document.getElementById('formPaso2').nombre.value + "</p>");
document.write("<p>" + document.getElementById('formPaso2').email.value + "</p>");
document.write("<p>" + document.getElementById('formPaso2').telefono.value + "</p>");

Pero como en los formularios tengo el campo value="" (vacío). Por eso no me devuelve valor alguno y no imprimer nada. Así que mi pregunta es ¿cómo puedo obtener el valor del texto introducido en los input?