Как проверить во время клика на кнопку заполнено ли поле?

Всем доброго времени суток, подскажите пожалуйста как реализовать такую штуку, мне при нажатии на кнопку подтверждения нужно проверять заполнены ли определенные поля, натолкните пожалуйста на мысль, как это можно сделать?

Я бы сделал вот так:


<button type="submit" value="Скачать фото" onclick='
if (document.getElementById("el1").value == "")
{
window.
open("images/image.png", "_blank");
}'>
Скачать фото

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