[PHP][JS, jQuery?] spr. czy wpisano nazwę dla uploadowanego pliku i czy wybrano go w input file Opcje

[rasten]

Witam,
mam taki formularz, w którym mogę dodać więcej niż jeden plik:

[HTML] pobierz, plaintext 
<input name="attachmentNames[]" type="text" value="nazwa pliku" />
<input name="attachments[]" type="file" />
itd..
[HTML] pobierz, plaintext 

Czy da się po stronie klienta sprawdzić, czy wybrano w input file plik? Bo np. jeśli mam 5 takich podwójnych inputów jak wyżej i klient np. wybierze plik w 1 i 4 to chcę sprawdzić czy dla nich wpisał też nazwę pliku. Jak to zrobić? Ewentualnie, jak to rozwiązać po stronie php, gdy sprawdzę że brakuje jakiejś nazwy. Czy da się po ponownym wyświetleniu formularza i tekstu z błędami automatycznie uzupełnić input file tym co wybrał wcześniej klient?

Ten post edytował rasten 17.08.2011, 11:04:01

[wewior]

Wg mnie najlepiej przy takich nazwach pól skorzystać z funkcji getElementsByName lub getElementsByTagName (a potem porównujesz wg nazw) i wtedy listujesz sobie pola i sprawdzasz co chcesz. Bo bezpośrednie odwołanie wymagałoby generowania dla pól id i ich listy w jakiejś zmiennej js.

[mortus]

Można to zrobić np. tak:

[HTML] pobierz, plaintext 
<form id="myform" action="" method="post">
  <input name="attachmentNames[]" type="text" value="nazwa pliku" /> 
  <input name="attachments[]" type="file" />
  <input name="attachmentNames[]" type="text" value="nazwa pliku" /> 
  <input name="attachments[]" type="file" />
  <input name="attachmentNames[]" type="text" value="nazwa pliku" /> 
  <input name="attachments[]" type="file" />
  <!-- more inputs -->
</form>
<script type="text/javascript">
  <!-- 
  var myform = getElementById("myform");
  var aNames = myform["attachmentNames[]"];
  var a = myform["attachments[]"];
  // i w pętli sprawdzamy, czy podano wartość w polach
  for(var i = 0; i < aNames.length; i++) {
    if(aNames[i].value == '') {
    // nie podano nazwy załącznika
      zrobCos();
    }
    if(a[i].value == '') {
    // brak załącznika
      zrobCos();
    }
  }
  -->
</script>
[HTML] pobierz, plaintext 

[rasten]

Dzięki za odp ale mi chodzi o coś troszeczkę innego. Jak rozpoznać czy wpisano nazwę dla danego inputa wyboru pliku. U mnie liczbę tych inputów wybiera sobie użytkownik, klikając na 'dodaj' i pojawiają się kolejne dwa inputy: attachments i attachmentNames.
I teraz tak: wybierze np. że chce załadować 4 pliki. Ale ostatecznie wybierze plik w 1 i 3 inpucie a 2 i 4 zostawi pusty. Czyli chciałbym sprawdzić czy wpisał nazwę właśnie dla 1 i 3. Da się to wogóle zrobić?
Albo ostatecznie po stronie serwera w PHP jak sprawdzę, że nie wpisał tych nazw dla plików, czy jest możliwość ponownego wyświetlenia formularza z już wypełnionymi wybranymi przez klienta plikami w input type="file" ?

EDIT: czyli tak naprawdę co by mnie urządziło to możliwość sprawdzenia czy w input file został wybrany jakiś plik przez użytkownika. Nie mogę nigdzie o tym znaleźć info. Da się czy nie bardzo?

Ten post edytował rasten 17.08.2011, 12:18:39

[mortus]

No ale przecież jak wybierzesz jakiś plik w polu file, to zmieniasz wartość atrybutu value tego pola. Wystarczy drobna modyfikacja przedstawionego skryptu i będzie on spełniał Twoje oczekiwania. Oczywiście skrypt należy podpiąć pod jakieś zdarzenie, bo powyżej zaprezentowany kod działać nie będzie, a gotowca niestety nie dostaniesz.

[HTML] pobierz, plaintext 
<script type="text/javascript">
<!--
var myform = getElementById("myform");
var aNames = myform["attachmentNames[]"];
var a = myform["attachments[]"];
// i w pętli sprawdzamy, czy podano wartość w polach
for(var i = 0; i < aNames.length; i++) {
if(a[i].value != '') {
  // wybrano jakiś załącznik
  // sprawdzamy, czy podano dla niego nazwę
 if(aNames[i] == '') {
   // nie podano nazwy, możemy okrzyczeć użytkownika
   var emptyName = true;
 }
}
if(emptyName) {
  // tu go okrzyczymy
  // i zatrzymamy przetwarzanie formularza, coby nie został wysłany
  return false;
}
-->
</script>
[HTML] pobierz, plaintext 

Niestety po przesłaniu formularza pól typu file nie można ponownie wypełnić.

Właściwie rozwiązanie masz podane jak na dłoni. Jeśli nie zamierzasz wykazać się inicjatywą, to umieść ogłoszenie w odpowiednim dziale.

[Fifi209]

Mordus a wiesz że na forum jest tag [ javascript ] ?

@topic
Musisz sprawdzić, które pliki wybrał i zapisać sobie indeksy i po indeksach sprawdzać drugie pole.

[mortus]

@Fifi209 Ta uwaga to do mnie, bo chyba przekręciłeś nazwę użytkownika. <script> to tag HTML-owy. Wracając do tematu: w jednym przebiegu pętli nie można tego zrobić, bo... co? Skrypt wyżej nie zapisuje żadnych indeksów, a sprawdza odpowiednie pole. W jQuery będzie to jeszcze łatwiej obsłużyć.

[rasten]

Trochę przerobiłem i napisałem w jQuery, może się komuś przyda:

[PHP] pobierz, plaintext 
    $('input[type=file][name^=attachments]').each(function(index) {
        if($(this).val() != '')
        {
            // IMPORTANT get() zwraca element DOM a nie obiekt jQuery dlatego jest 'value'
            var nazwa = $('input[name^=attachmentNames]').get(index).value;
            if( trim(nazwa) == '' || trim(nazwa) == 'nazwa pliku')
            {
                is_valid = false; 
                errorsMsg.push('* Proszę podać nazwy wszystkich plików.');
                return false;
            }        
        }
    });
[PHP] pobierz, plaintext 

Ten post edytował rasten 17.08.2011, 14:50:04