Как сделать обязательным поле загрузки файла?

Question

[Ольга]

Есть форма с полем загрузки файла. Его надо сделать обязательным. Сейчас в скрипте проверки есть такой код:

function required_active(step){
	// Проверяем что все обязательные поля заполнены
	if( step == 2 ){
		var text_shtamp = false;
		if( $('.stepcontent.active #text_shtamp').val().length == 13 ) text_shtamp = true;
		else text_shtamp = false;

		if( text_shtamp ){
			activate();
		}else deactivate_button(3);
	}

Сам код загрузки задаётся следующим кодом:

<div style="margin-top: 30px;">
                    <input type="file" name="f1" style="padding-bottom: 10px;">
                    <input type="file" name="f2" style="padding-bottom: 10px;">
                    <input type="file" name="f3" style="padding-bottom: 10px;">
                  </div>

Как сделать загрузку файла обязательной? Чтобы была возможна загрузка в любое из этих 3-х полей

Answer 1

[ReActor Дмитрий Вершанский]

Добавьте атрибут required к инпутам:

<input type="file" name="f1" style="padding-bottom: 10px;" required>

Comments

[Ольга]

А если обязательным должно быть одно поле, но оно может быть любым из этих трёх? То есть не обязательно загрузят файл в первую кнопку, как тогда назначить обязательность?

[ProjectSoft]

Ольга, отказаться от нескольких инпутов и использовать атрибут multiple.
Если выбрано больше трёх - выдавать ошибку и пересоздавать инпут.
Естественно, точно такая же проверка на бекенде или обрабатывать не более трёх файлов.