Как сменить стиль после нажатия субмит, проверив, что input заполнены?

$(function() {
    $("#sender_api").submit(function(e) {
        e.preventDefault();
        var t = $(this).serialize();
$('#popmechanic-post-text').addClass('some_1');
        $.ajax({
            url: "/api/sender_post.php",
            type: "post",
            data: t,
            success: function(e) {
                $("#result_sender").html(e)
            }
        })
    })
})

Webpack-dev-server не обновляет страницу, почему?

FulTupFul, к моему великому сожалению, не помогло. Не понимаю почему после компиляции не выполняется скрипт. Тот же console.log который написан в точке входа.

Выдавливание flex-блока под другой при сужении окна?

Решил установив для img max-width: 100%;
https://jsfiddle.net/x9jwsc9p/13/

Выдавливание flex-блока под другой при сужении окна?

Егор Живагин, Спасибо большое, сейчас попробую разобраться!!

Выдавливание flex-блока под другой при сужении окна?

Егор Живагин, прошу прощения не ту ссылку дал.
https://jsfiddle.net/x9jwsc9p/9/

Выдавливание flex-блока под другой при сужении окна?

В таком случае блоки накладываются друг на друга overflow не помогает.

https://jsfiddle.net/x9jwsc9p/3/

Как изменить value элемента без использования js?

Никита Полевой, Нет, ну а что обижаться, не могу корректно вопрос задать просто, поэтому так и получается. Такой вариант тоже не устраивает из-за добавления еще одного html-документа, поэтому пытался без src сделать.

Как изменить value элемента без использования js?

Никита Полевой, Спасибо, эту информацию читал, на основе нее и использовал iframe.
В этом случае: работает след. образом - Форма отображается на странице а при нажатие на "отправить" выполняется s1end.php в этом фрейме (фрейм скрыт).

<iframe style="display: none;" name="iframe1"></iframe>
<form action="s1end.php" method="POST" target="iframe1">
<input type="text" name="fio" placeholder="Введите ваше имя..." required>
<input type="text" name="email" placeholder="Укажите e-mail" required>
<input type="text" name="phone" placeholder="[phone]" required>
<input type="text" name="comment" placeholder="Ваш вопрос / комментарий">
<input name="send" type="submit" value="Отправить">
<span id="chk"></span>
</form>

Если использую такой вариант, фрейм отображается на странице пустой без полей для заполнения и кнопки.

<iframe name="iframe1">
<form action="s1end.php" method="POST" target="iframe1">
<input type="text" name="fio" placeholder="Введите ваше имя..." required>
<input type="text" name="email" placeholder="Укажите e-mail" required>
<input type="text" name="phone" placeholder="[phone]" required>
<input type="text" name="comment" placeholder="Ваш вопрос / комментарий">
<input name="send" type="submit" value="Отправить">
</form>
</iframe>

Понимаю, что где-то, что-то не так, а где и что, понять не выходит.

Как изменить value элемента без использования js?

Да, спасибо. Такой вариант пробовал. Форма не отображается в фрэйме, почему тоже не понял.

Как изменить value элемента без использования js?

Справедливо.

Как изменить value элемента без использования js?

Так у вас форма на другой странице?

Форма на этой же странице. PHP код в отдельном файле - s1end.php.
Вывод php осуществляется в скрытый iframe, так как там выводится много лишнего.
Столкнулся с php в первый раз, не судите строго)

Как изменить value элемента без использования js?

Спасибо. Хотелось бы чтобы страница не перезагружалась.