Salah satu hal menarik yang diperkenalkan PHP dalam pembuatan form input data adalah pengenalan input array sebagai nama variabel input, misalnya input[ ]. Dengan format seperti itu, untuk meng-upload 10 image sekaligus, anda tak perlu membuat variabel image_1, image_2, image_3, …, image_10. Cukup image[ ]. Misalnya:

  1. <input name="image[]" type="file" />
  2. <input name="image[]" type="file" />
  3. <input name="image[]" type="file" />
  4. …
  5.  
  6. <input name="image[]" type="file" />

Permalasahannya adalah ketika melakukan validasi data, JavaScript tidak menganggap legal variabel yang mengandung tanda siku [], sehingga JavaScript tidak bisa mengakses variabel tersebut sebagaimana yang diinginkan.

Ini triknya. Untuk mengakses input array, gunakan sintaks berikut:

  1.  
  2.  var inputArray = document.forms[0].elements['image[]'];
  3.  
  4.  if(inputArray.length>0) {
  5.  
  6.   for(i=0;i<inputArray.length;i++) {  
  7.    alert(inputArray[i].value);
  8.   }
  9.  } else {
  10.    alert(inputArray.value);
  11.  }

Sangat mudah bukan?