Здравствуйте, по необходимости пользуюсь услугами JS в частности JQurey и AJAX, но суть в том, что мне немного не нравится оформление кода на JS. Скорее всего я как-то не правильно пишу на нем, вот это понятно что нужно js код выносить в отдельный файл, но если к примеру у меня страниц 10 и в каждом много скриптов написано, мне как быть создавать каждый файл под файл html, ну чтобы все более мне было понятно? К примеру файл index.html и ему создавать файл inde.js и потом инклюдить его в html, так же получается? Но а к примеру у меня есть много различных форм не только с input но и select, textarea и т.д. мне как быть, писать для каждой проверку на пустое значений полей и взаимодействие с AJAX, либо можно это как-то все сделать красивее? К примеру вот такой код:
var formChangeGroup = $("form[name='change_group']");
var logger = $(".log_admin");
formChangeGroup.submit(function(){
var newTitleGroup = $("input[name='new_title_group']");
var oldTitleGroup = $("select[name='old_title_group'] :selected");
if(newTitleGroup.val() == ""){
logger.html(decorateError("Введите новое название группы."));
return false;
}
if(oldTitleGroup.text() == "Не выбрано"){
logger.html(decorateError("Выберите старое название группы."));
return false;
}
sendDataAndUpdateGroups(formChangeGroup);
logger.html(decorateSuccess("Название группы " + oldTitleGroup.val() +
" успешно изменено на " + newTitleGroup.val() + "."));
});
function sendDataAndUpdateGroups(form){
$.post(form.attr("action"), form.serialize(), function(responseJson){
var oldRows = $(".del_row_groups");
oldRows.remove();
$.each(responseJson, function(index, group) {
$("<tr class='del_row_groups'>").appendTo($("#body_table_groups"))
.append($("<td>").text(group.name))
.append($("<td>").text(group.countUsers))
.append($("<td>").text("0%"));
});
});
event.preventDefault();
}
Как это все упростить возможно и сделать более читаемым? Когда много форм и много файлов сложно все понимать. Надеюсь что кто-нибудь подскажет советом, либо кодом или быть может даже посоветует статью или видео с подробным описанием этого вопроса.