проблема со слайдом и ajax

Question

У меня есть эта структура в моем HTML

 <div id ="slide1">
            <form method="post" id="customForm" action="">
                //my content - name, email, mypassword, pass2
            </form> //i already tried delete this
        </div>
        <div id ="slide2">
            <form method="post" id="customForm1" action="">  //and this, to have only one form obviously this didn't work, because the div of slide1 is already closed.
                //my content - other stuff
            </form>
        </div>

и у меня есть этот JS

 $(document).ready(function() {
        $("#customForm").submit(function() {
            $.ajax({
                url: "validation1.php",
                type: "post",
                dataType: "json",
                data: {
                    name: $('#name').val(),
                    email: $('#email').val(),
                    myPassword: $('#myPassword').val(),
                    pass2: $('#pass2').val()
                },
                success: function(data) {
//stuff
}

проблема в том. Я хочу сгруппировать данные слайдов и отправить в validation1.php, но для этого у меня должна быть только форма.

Если проблема не ясна, скажите, пожалуйста.

спасибо

Answer 1

Если я правильно понимаю, вы говорите, что вам нужно отправить 2 слайда в одном сообщении, но в вашем html данные содержатся в 2 элементах формы.

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

var href = '.... where ever you are sending the data .....';
var form = $('<form method="post" action="' + href + '"></form>');

var d1=$('.slide1 some subdata selector');
var d2=$('.slide2 some subdata selector')

$('<input type="hidden" name="data1">').val(d1).appendTo(form);
$('<input type="hidden" name="data2">').val(d2).appendTo(form);
$('body').append(form);
form.submit();
form.detach();