Запрет на срабатывание кнопки
 

Всем привет, такая задача:
нужно запретить публикацию записи если не выбрана для нее картинка, по логике я вижу так:
в инпута с таким то айти если value="-1":
https://prnt.sc/rvyh80

то вывести сообщение: "добавьте картинку" и запретить срабатывание кнопки:
https://prnt.sc/rvyio7

Подскажите пожалуйста, как такое реализовать?

value="-1" - просто проверять не пустое ли значение.

оно всегда не пустое, если нет картинки то "-1", если есть картинка то указывается айди картинки. как это кодом написать?

О блин, это скрытое поле. Ну так коли север знает, что изображение есть (кстати, Id равное 0, конечно может быть, но только принудительно, а база такого не сделает, так что в таком случае уж 0, а не -1), то нет поля для загрузки, иначе есть поле для файла с обязательным выбором.

я ничего не понимаю, с кодом можете помочь?

я так понимаю мне нужно что то типа этого:
https://jsfiddle.net/o8g66ocx/1

но только адаптировать под свою задачу.

Да в общем то можно обойтись нативной проверкой браузера. Допустим, если фото есть, то форма может содержать поле типа file, но не обязательное для выбора, оно служит чисто для возможности изменения фото. А если фото нет, то это поле уже обязательно для выбора.

Сервер отдавая страницу помещает это поле и (например, в случае РНР на сервере):

<input type="file" name="name" <?=!$row['file'] ? 'required' : null?> />

где !$row['file'] ? 'required' : null, это проверка некоторого значения поля базы указывающего на наличие или нет файла, для примера это $row['file']. Если оно пустое в базе, то поле file будет иметь атрибут required и браузер не разрешит отправление формы, если файл выбран не будет. А если фото есть, то этого атрибута не будет и выбор файла не обязателен.