Объединить код для трех форм с разными id

@n0kk · Регистрация: 31.12.2014

Author24 — интернет-сервис помощи студентам

Доброго времени суток, с наступающими праздниками вас люди, подскажите пожалуйста как лучше сделать, как объединить код для трех форм с разными id, думал одним классом назвать но в браузерах плохо работает поддержка getElementsByClassName, в js новичок поэтому сделал тривиально:

Javascript

var theForm = document.getElementById( 'theForm' );
 
            new stepsForm( theForm, {
                onSubmit : function( form ) {
                    classie.addClass( theForm.querySelector( '.simform-inner' ), 'hide' );
                    //form.submit()
function post_ajax() {                  
postAjax('post.php', form, function(response) {
    messageEl.innerHTML = response;
    response = 'Спасибо, Ваша анкета отправлена';
});
};
post_ajax();
                    var messageEl = theForm.querySelector( '.final-message' );
                    classie.addClass( messageEl, 'show' );
                }
                });
 
                var theForm2 = document.getElementById( 'theForm2' );
 
            new stepsForm( theForm2, {
                onSubmit : function( form2 ) {
                    classie.addClass( theForm2.querySelector( '.simform-inner' ), 'hide' );
                    //form.submit()
function post_ajax() {                  
postAjax('post.php', form2, function(response) {
    messageEl.innerHTML = response;
    response = 'Спасибо, Ваша анкета отправлена';
});
};
post_ajax();
                    var messageEl = theForm2.querySelector( '.final-message' );
                    classie.addClass( messageEl, 'show' );
                }
                });
            
var theForm3 = document.getElementById( 'theForm3' );
 
            new stepsForm( theForm3, {
                onSubmit : function( form3 ) {
                    classie.addClass( theForm3.querySelector( '.simform-inner' ), 'hide' );
                    //form.submit()
function post_ajax() {                  
postAjax('post.php', form3, function(response) {
    messageEl.innerHTML = response;
    response = 'Спасибо, Ваша анкета отправлена';
});
};
post_ajax();
                    var messageEl = theForm3.querySelector( '.final-message' );
                    classie.addClass( messageEl, 'show' );
                }
                });

@Nikto · 04.01.2017, 18:16

n0kk, создайте отдельную функцию для обработки одной формы, и назовите её например processingForm. Каждой форме присвойте такие id: theForm1, theForm2, theForm3. Далее такие действия в цикле:

Javascript

for (var i = 1; i <= 3; i++)
{
   var form = document.getElementById("theForm" + i);
   processingForm(form); 
}

	04.01.2017, 18:16