Отправить форму SimpleModal

у меня есть php-страница "formpage.php", в ней есть такая форма:

<div id='hiddenform' style='display:hidden'>
<form name="testform" action="formpage.php" method="post">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form> 
</div>

эта форма отображается с помощью jquery и простого модального окна (пример):

$(".show_hide").click(function(){
$('#hiddenform').modal({overlayClose:true});
});

все работает нормально, окно открывается с помощью SimpleModal, и форма отображается, но я не могу отправить форму, когда я нажимаю кнопку отправки, ничего не происходит. Что я должен делать? форма и отправка отлично работают без SimpleModal.

я хочу отправить форму (открыть с помощью SimpleModal) в formpage.php(self), а затем я использую опубликованные переменные дальше в сценарии.

Спасибо за помощь!


php forms jquery submit simplemodal
person JasperM    schedule 25.02.2013    source источник
comment
Вы пытались отладить свой код?   -  person christopher    schedule 26.02.2013

Ответы (1)


arrow_upward
0
arrow_downward

Это работает? Если он делает что-то в вашем js, это предотвращает поведение формы по умолчанию (может быть, просто модальное может быть что-то еще):

$(".show_hide").click(function(){
   $('#hiddenform').modal({
        overlayClose:true,
        onShow: function() {
           $('.simplemodal-data input[type=submit]').click(function() {
               $.post('the_url_where_you_want_to_send_your_data_to', $(this).closest('form').serialize(), function(data) { alert('we have a response and form has been sent!'); })
           }
        }
   });
});
person user1452962    schedule 25.02.2013
comment
ммм попробую, но результат тот же. - person JasperM; 26.02.2013
comment
но у меня в опции onShow есть $.ajax({}) перед $('.simplemodal-data input[type=submit]').click(function() { ... - person JasperM; 26.02.2013
comment
не могли бы вы опубликовать свой javascript, чтобы мы могли точно увидеть, что там ... у вас, вероятно, есть обработчик событий для отправки формы, который возвращает false и предотвращает значение по умолчанию. Как уже сказал Крис, вы можете заглянуть в инструменты firebug/developer, чтобы увидеть, что происходит на уровне браузера. - person user1452962; 26.02.2013