Array de inputs en formularios y procesamiento con php

VIDEO Recibir un array de inputs enviados desde un formulario PHP

Recibir un array de inputs enviados desde un formulario PHP

Una de las formas en las que se puede construir un formulario HTML es usando arrays para los campos input para luego ser recibidos y procesados en PHP


Enviar un array de campos input desde un formulario y recibirlo en PHP.  Responderemos a la pregunta ¿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 ahora veamos una solución sencilla

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

Para resolver de una forma sencilla necesitamos el lenguaje Javascript, HTML y PHP

  • 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.
  • Creamos el formulario con la cantidad de campos recuperados de la cookie creada en Javascript
  • 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 explicar 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.

Os espero que le sirva en sus 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.


Visitado 121 veces | Publicado hace 9 meses

CURSO ANDROID BÁSICO