JQuery检查输入文件

前端之家收集整理的这篇文章主要介绍了JQuery检查输入文件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在下面的组中有文件输入字段.我希望所有这些都是必填字段.
  1. <!-- file upload group -->
  2. <div class="Fieldset FileUpGroup">
  3. <span class="Legend">File Upload Group: (required)</span>
  4. <input name="fileUploads[]" type="file">
  5. <input name="fileUploads[]" type="file">
  6. <input name="fileUploads[]" type="file">
  7. </div>

我有以下JQuery来验证,但它只验证第一个.

  1. $('.FileUpGroup').each(function() {
  2. if($(this).find('input[type=file]').val() == '') {
  3. Response('- Upload file not selected!',true);
  4. $(this).addClass('Error').fadeOut().fadeIn();
  5. return false;
  6. }
  7. else {
  8. $(this).removeClass('Error');
  9. }
  10. });

谢谢!

解决方法

你在错误的元素上使用each():
  1. $('input[type="file"]').each(function() {
  2. var $this = $(this);
  3. if ($this.val() == '') {
  4. Response('- Upload file not selected!',true);
  5. $this.addClass('Error').fadeOut().fadeIn();
  6. return false;
  7. } else {
  8. $this.removeClass('Error');
  9. }
  10. });

猜你在找的jQuery相关文章