Проверка поля формы с типом input file.


Мы можем сделать проверку поля формы с типом ‘file’, если загрузка файла пользователем является обязательной. Проверить такое поле достаточно просто. Мы будем использовать jQuery для решения данной задачи.

Допустим, мы имеем следующую простенькую форму.

1
2
3
4
<form id="reg_form" method="POST" enctype='multipart/form-data'>
<input name="file1" id="file1" type="file">
<input name="load_file" type="submit" value="Загрузить">
</form>

Нужное нам поле для проверки имеет идентификатор ‘file1′. Следующий скрипт проверяет, пустое ли данное поле? Если пользователь ничего не приаттачил, то выведется сообщение «Файл не приаттачен». Если же файл для загрузки указан, то данные формы будут отправлены на сервер.

1
2
3
4
5
6
7
8
9
10
11
12
<script>
$(document).ready(function(){
     $("#reg_form").submit(function(){
          if($("#file1").val() == ""){
              alert("Файл не приаттачен");
              return false;
          }else{
              return true;
          }               
     });
});
</script>




Другие посты

Категория: jQuery

Оставить комментарий