Sergey Petrenko

Заведите отдельный config.js, который на самом деле генерируется, например, тем же PHP и содержит в себе то, что нужно в зависимости от того, откуда пришёл запрос.

Если очень грубо, то:

<?php
echo "window.__appConfig = ".json_encode($frontConfig).";";
die();

Ну что-то такое (если я правильно понял вопрос).

У вас есть

<form action="/somewhere/" method="POST" onsubmit="return checkFields();">
    <input type="text" id="myTextbox" />
    <input type="submit" />
</form>

А затем

function checkFields() {
    var myTextboxElem = document.getElementById("myTextbox");
    if(myTextboxElem.value !== "") {
         return true;
    } else {
         alert("Заполните поле");
         return false;
    }
}

(мой пример плохой изначально и имеет право на существование только в том случае, если у вас одно поле в одной форме и вообще минимализм вне разумных пределов — наше всё, а алерты — вовсе не «не бро»)

Как правильно заметили оба предыдущих оратора, вам стоит понять асинхронность. Это в самом деле не сложно и — посмотрите правде в лицо уже в конце-то концов — проблема ваша только в этом.

Глобализировать переменную легко — достаточно объявить её либо в глобальном контексте (вне функции), либо как свойство объекта window (в случае браузерной среды) или global. Однако, проблема тут не в этом.

Первые ссылки из гугла:
javascript.ru/unsorted/async
ruseller.com/lessons.php?rub=28&id=1655

Вот, например: danielgtaylor.github.io/nesh

UPD: кстати, есть еще такая прекрасная штука, как CodeRunner: https://coderunnerapp.com
Но судя по всему, только под OS X.

Вероятно, я опоздал, но в ИТМО есть отличные курсы по фронтэнду, большая часть часов про JS.