Входной файл проверки JQuery - PullRequest
Новая
       11

Входной файл проверки JQuery

6 голосов
/ 25 декабря 2011

У меня есть поля ввода файлов в группе, как показано ниже.Я бы хотел, чтобы все они были обязательными для заполнения. 

<!-- file upload group -->
<div class="Fieldset FileUpGroup">
  <span class="Legend">File Upload Group: (required)</span>
  <input name="fileUploads[]" type="file">
  <input name="fileUploads[]" type="file">
  <input name="fileUploads[]" type="file">
</div>

У меня есть следующий JQuery для проверки, но он проверяет только первый. 

$('.FileUpGroup').each(function() {
    if($(this).find('input[type=file]').val() == '') { 
        Response('- Upload file not selected!', true);
        $(this).addClass('Error').fadeOut().fadeIn();
        return false;
    }
    else {
        $(this).removeClass('Error');
    }
});

Спасибо!

Ответы [ 2 ]

11 голосов
/ 25 декабря 2011

Вы используете each() не на том элементе: 

$('input[type="file"]').each(function() {
    var $this = $(this);
    if ($this.val() == '') { 
        Response('- Upload file not selected!', true);
        $this.addClass('Error').fadeOut().fadeIn();
        return false;
    } else {
        $this.removeClass('Error');
    }
});
0 голосов
/ 25 декабря 2011

.val() возвращает только первое значение.
В вашем цикле ($('.FileUpGroup').each) активируется только для одного элемента ... элемент DIV.FileUpGroup.
$('.FileUpGroup input[type=file]') найдет все элементы и затем выполнит итерацииих по одному
Вот пример.Надеюсь, я был полезен.

$('.FileUpGroup input[type=file]').each(function() {
    if($(this).val() === '') {
        // wabba dabba do
    }
    else {
        // badda bawwa do
    }
});
...