如何在fancybox中打開一個表單的輸入目標

我打開一個隱藏窗體從onclick fancybox模態。如何在fancybox中打開一個表單的輸入目標

的HTML：

<p class="btn btn-mini btn-success verify_form" id="<? echo $article_id; ?>" style="float:right; margin:4px;"> Verify</p> 

<div style="display:none;" class="verify_the_form"> 
    <form id="article_check"> 
     <div>Enter Website Address of the Article you Wrote: 
     <input type="hidden" id="id" value="" /> 
     <input type="text" id="article_url" style="width: 35%; margin-left: 10px;" value="" /> 
     <input type="submit" style="position: absolute; left: -9999px; width: 1px; height: 1px;" tabindex="-1" /> 
    </form> 
</div>

jQuery的：

$(document).ready(function() { 
    $(".verify_form").click(function() { 
     var theid = $(this).attr('id'); 
     $('#id').val(theid); 
     $.fancybox(
      $('.verify_the_form').html(), 
      { 
       'fitToView'   : true, 
       'autoScale'   : true, 
       'autoSize'   : true, 
       'closeClick'  : false, 
       'openEffect'  : 'elastic', 
       'closeEffect'  : 'elastic', 
      } 
     ); 
    });

我再嘗試處理與形式的jQuery/AJAX：

$('#article_check').submit(function(event) { 
     event.preventDefault(); 
     var theid = $('#id').val(); 
     var theurl = $('#article_url').val(); 
     alert(theurl); 
     alert(theid); 
     $.ajax({ 
      'url': '/includes/article_check.php', 
      'type': 'get', 
      'data': { 
       'article_url': theurl, 
       'id': theid 
      }, 
      'success': function (data) { 
       $('#article_check').append(data); 
       return; 
      }, 
      'error': function (request, status, error) { 
       return; 
      } 
     }); 
    }); 
});

的問題似乎是，，fancybox的工作方式，它實際上重新繪製頁面上的表單......使用匹配的id的2個窗體，並且因爲沒有元素sh應該不止一次地使用id，jquery在使用哪種形式和默認隱藏形式的值之間混淆不清。

爲了更簡單，變量theurl總是返回爲空。

我正在尋求從用戶提交的表單中抓取$（'＃article_url'）。val（）的方法。

問題

http://new.adsactlyhits.com/ae/example.html

來源

2016-10-27 Bruce

的一個例子URL時，我發現我自己的答案，但我不喜歡，我可能浪費人民的時間我的愛。

我的解決方案非常基礎，我不得不使用（this）.find（）來特別調用正在提交的表單中的值。

var theid = $(this).find('#id').val(); 
var theurl = $(this).find('#article_url').val();

來源

2016-10-27 03:53:58 Bruce

如何在fancybox中打開一個表單的輸入目標

回答

相關問題