Array de inputs en formularios y procesamiento con php

¿Cómo enviar un array de campos input desde un formulario y recibirlo en PHP?. 

Tambien podríamos hacer o formular la pregunta así ¿Cómo enviar un array de inputs generados dinámicamente?  y de cajón la siguiente ¿Cómo recuperar los valores de un array de inputs generados programáticamente con PHP?. Bien, en este post de programación veremos una solución sencilla. Pero que nos ayudará a entender como se trabaja con arrays en html y su procesamiento en el lenguaje PHP.

Durante la vida laboral de un desarrollador BackEnd en páginas web, en muchas ocaciones nos toparemos con problemas como crear campos de forma dinámica en un formulario Html, luego poder extraer o capturar los valores de dichos campos, pues bien aqui les dejo un pequeño script sencillo, pero que te puede dar luces de como resolver este problemilla que en su momento a mí particulamente me dio un estrés programático por decir algo.

Resolver con HTML, Javascript y unas cuentas líneas de código PHP

Puedo intuir algo, qué eres alguién que tiene conocimientos cómo mínimo básicos en programación web, entonces partiendo de allí diré que para resolver de una forma sencilla necesitamos dominar los lenguajes Javascript, HTML y PHP, pan comido para tí, bien ahora prepara tu entorno de trabajo.

¿Qué aprenderás a programar?

• A crear una función en Js para pedir un dato, función se que activará con un click en un botón Html.
• A crear un formulario Html de forma dinámica, con la cantidad de campos que solicite el usuario de la aplicación.
• A crear un cookies en Javascript
• A recuperar en un array los valores enviados del formulario Html.

Los pasos para hacer la funcionalidad

Explicamos como lo vamos a resolver con unas sencillas tareas de programación:

1. Creamos una función en JS para pedir la cantidad de campos a crear tomando como parámetro persistente una cookie en Javascript donde almacenamos la cantidad solicitada, para ser posteriormente recuperada.
2. Creamos el formulario con la cantidad de campos recuperados de la cookie creada en Javascript
3. Una vez llenado los campos del formulario enviamos los datos para ser recuperados en PHP. Es aqui donde pedimos el array de inputs enviados los recorremos con un bucle for y visualizamos el valor de cada input en cada iteración.

El script completo en PHP, JAVASCRIPT y HTML es:

<script>
	function pedircantidad(){
		var n=Number(window.prompt("cuantos campos",1))
		document.cookie="var="+n
	}
</script>
<a href="" onclick="pedircantidad()">Pedir cantidad</a>
<form action="">
	<?php for($x=1;$x<=$_COOKIE["var"];$x++): ?>
	<input type="text" name="nombre[<?php echo $x ?>]">
	<?php endfor; ?>
	<input type="submit" name="btn" value="ENVIAR">
</form>
<?php 
if(isset($_REQUEST['btn'])):
	for($x=1;$x<=sizeof($_REQUEST['nombre']);$x++):
		echo $_REQUEST['nombre'][$x]."<br>";
	endfor;
endif;
?>

Entonces, en resumen puedo explicarte que: 

Tenemos un función en JS que muestra una ventana donde pide la cantidad de inputs a crearse dinámicamente, para ello creamos una cookie que almacena la cantidad, una vez llenado el formulario al presionar en el botón ENVIAR, este enviará la matriz de inputs mediante el método get, el código PHP verifica si existe el submit del botón, si es asi recorre con un instrucción repetitiva tantos inputs tenga el formulario mostrando uno a uno.

Este script o mejor dicho conjunto de scripts puede ser ampliado, tambien le pueden agregar mejores funcionalidades para hacer más robbusta su aplicación o proyecto que estén desarrollando.

Realmente espero que te sirva en tus proyectos web; más adelante iré publicando más scripts que nos ayuden a desarrollar un poco más rápido y mejores aplicaciones web. Hasta un próximo tutorial!.

Leido 14464 veces