Как соединить n-ое количество функций в одну?

ThunderCat, я не смогу ответить на ваш вопрос как вам хочется его увидеть могу только так.
нажимаю кнопку

<button type="button" class="btn btn-light-blue btn-md" data-toggle="modal" data-target="#modalCart0">Посмотреть цены</button>

открывается 1 скрин
при нажатии открывается 2скрин
кнопки

<li class="nav-item">
 <a class="nav-link active" data-toggle="tab" href="#usluga" role="tab"><i class="fas fa-user mr-1"></i> Услуга</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#zakaz" role="tab"><i class="fas fa-user-plus mr-1"></i> Заказать</a>
</li>

Их содержимое помечены через id
Лежит на бесплатном хостинге ikigai.h1n.ru

Как соединить n-ое количество функций в одну?

ThunderCat, ну я уже попробовал это реализовать но за 2 или 3 подхода разными способами я не понял и ничего не вызывалось, это мой первый сайт который я пытаюсь сделать сам хоть с помощью сss фрейморвка, просто не могу сейчас решить проблему по другому

Как соединить n-ое количество функций в одну?

Я бы сам конечно внизу сайта рядом с картой оставил одну форму обратной связи, но желание человека сделать кнопку заказа рядом с услугой которая открывается в модальной форме с ценами услуг. Я не могу понять как призывать одну и ту же форму при нажатии кнопки "заказать" поэтому я могу решить эту задачу только таким тупым способом, на данный момент моя проблема это в том что я не понимаю как не писать 11 разных файлов.js а вставить их в один файл.js по порядку

Как соединить n-ое количество функций в одну?

Думаю так и сделать через единички, но очень плохо выглядит 11 строк скриптов


...

После объединения в один файл через онлайн сервис скрипты перестают работать, как их разделить чтобы они не ломались?

Как соединить n-ое количество функций в одну?

Одна форма для 11 заказов то-есть "Имя, Телефон, Город, Тема письма, Емайл, Сообщение" - 11 штук. Я как то хотел сделать так чтобы 1 раз написать форму, а потом ее призывать по id, но она у меня не призывалась

Как соединить n-ое количество функций в одну?

Еще когда формы оставляю с одинаковыми id валидность ругается, собсна у меня тот же вопрос, как надо в js файле разделить функции? через
$(1 ая функция);
$(2 ая функция);
Так это должно выглядеть или не так?

Как соединить n-ое количество функций в одну?

aaa000, если честно не понимаю что надо сделать, форма вроде даже без form_data письма отправляла, под второй функцией validate что имеете введу? в js добавить туже самую функцию только без единичек?

Как соединить n-ое количество функций в одну?

aaa000, ну вот поменял как было, щас проблема в том что статус отображается там где первый блок status после нажатия кнопки отправки, в какую мне сторону двигаться? но там письма не идут изза того что хостинг бесплатный

Как соединить n-ое количество функций в одну?

aaa000, ikigai.h1n.ru лежит на бесплатном хостинге, как реализовать валидацию для разных форм если только менять им id?

Как соединить n-ое количество функций в одну?

Ну статус выходит в первой форме потомучто она там первая, наверное...

<form id="contact-form" name="contact-form" action="mail/mail.php" method="POST" onsubmit="return validateForm()">
    <div class="form-row font-weight-bolder">
        <div class="col-md-6 md-form">
            <input type="text" id="name" name="name" class="form-control" required>
            <label for="name">Имя</label>
        </div>
        <div class="col-md-6 md-form">
            <input type="text" id="phone" name="phone" class="form-control" required>
            <label for="phone">Телефон</label>
        </div>
        <div class="col-md-6 md-form">
            <input type="text" id="city" name="city" class="form-control" required>
            <label for="city">Введите населенный пункт</label>
        </div>
        <div class="col-md-6 md-form">
            <input type="text" id="subject" name="subject" class="form-control" value="Квартира, комната" required>
            <label for="subject">Объект оценки</label>
        </div>
    </div>
    <div class="form-row">
        <div class="col-md-6 md-form pb-2 font-weight-bolder">
            <input type="text" id="email" name="email" class="form-control" required>
            <label for="email">E-mail</label>
        </div>
    </div>
    <div class="md-form amber-textarea active-amber-textarea-2 mt-0">
        <textarea id="message" name="message" class="md-textarea form-control" rows="3" required></textarea>
        <label>Напишите адрес и объект оценки</label>
    </div>
</form>
<div class="center-on-small-only">
    <button class="btn btn-primary" type="submit" onclick="validateForm()">Отправить</button>
    <button type="button" class="btn btn-primary " data-dismiss="modal">Закрыть</button>
</div>
<div class="status" id="status"></div>

<form id="contact-form" name="contact-form" action="mail/mail1.php" method="POST" onsubmit="return validateForm()">
    <div class="form-row font-weight-bolder">
        <div class="col-md-6 md-form">
            <input type="text" id="name1" name="name1" class="form-control" required>
            <label for="name1">Имя</label>
        </div>
        <div class="col-md-6 md-form">
            <input type="text" id="phone1" name="phone1" class="form-control" required>
            <label for="phone1">Телефон</label>
        </div>
        <div class="col-md-6 md-form">
            <input type="text" id="city1" name="city1" class="form-control" required>
            <label for="city1">Введите населенный пункт</label>
        </div>
        <div class="col-md-6 md-form">
            <input type="text" id="subject1" name="subject1" class="form-control" value="Таунхаус" required>
            <label for="subject1">Объект оценки</label>
        </div>
    </div>
    <div class="form-row">
        <div class="col-md-6 md-form pb-2 font-weight-bolder">
            <input type="text" id="email1" name="email1" class="form-control" required>
            <label for="email1">E-mail</label>
        </div>
    </div>
    <div class="md-form amber-textarea active-amber-textarea-2 mt-0">
        <textarea id="message1" name="message1" class="md-textarea form-control" rows="3" required></textarea>
        <label>Напишите адрес и объект оценки</label>
    </div>
</form>
<div class="center-on-small-only">
    <button class="btn btn-primary" type="submit" onclick="validateForm()">Отправить</button>
    <button type="button" class="btn btn-primary " data-dismiss="modal">Закрыть</button>
</div>
<div class="status" id="status1"></div>

Как соединить n-ое количество функций в одну?

Сергей Соколов, да все формы одинаковые, я не понял как статус отображать в той модальной форме где заполняются поля, тут где красное выходит "введите имя, телефон и тд" сломал форму, сейчас там ничего не выходит, когда заполняю поля в 2 форме статус пишется в первой