Загрузить страницу в модальное окно из формы с помощью jQuery - PullRequest
Новая
       17

Загрузить страницу в модальное окно из формы с помощью jQuery

0 голосов
/ 08 марта 2010

Я работаю над сайтом с процессом покупки. У меня есть форма, сгенерированная каким-то PHP, которая выглядит так: 

<form name="order_form" action="'.$thePayreadApi->get_server_url().'" method="post" id="payer-form">
'.$thePayreadApi->generate_form().'
<input type="submit" value="Klicka för betalning" />
</form>';

Когда форма отправлена, она переходит на новую страницу (находится на другом сервере), где совершается покупка.

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

Я нашел эти сайты, которые могут быть подсказкой:

http://pixeline.be/blog/2008/javascript-loading-external-urls-in-jqmodal-jquery-plugin/ http://dev.iceburg.net/jquery/jqModal/

Любая помощь очень ценится!

1 Ответ

0 голосов
/ 08 марта 2010

Я не пробовал это точно, но теория - это то, к чему я бы пришел: 

$("form[name='order_form']").submit(function() {

    //Validate in here
    var validate = false;
    if($("input[form='element1']").val()!="") {
        validate = true;
    }
    if(validate) {
        this.submit();
    } else {
        return false;
    }
});

<form action="shopping.php" target="targetIframe" method="post">
    <input type="submit" value="Click Me" />
</form>

<iframe name="targetIframe" src=""></iframe>
...