2012-11-10 37 views
0

我在使用燈箱div內的ajax窗體時遇到問題。燈箱和內部的ajax窗體

表格在燈箱外工作。

提交表單後,我無法從表單中獲取變量,我看到它是空的。

我使用收藏夾從這裏開始: http://www.aerowebstudio.net/codecanyon/jquery.lightbox/

html的例子「

<html> 
<head> 

<script type="text/javascript"> 
      function send_ajax_data() { 
       var reg_user = document.getElementById('reg_user').value; 
       reg_user2 = document.getElementById('reg_user2').value; 
       reg_pass = document.getElementById('reg_pass').value; 
       reg_pass2 = document.getElementById('reg_pass2').value; 
       reg_email = document.getElementById('reg_email').value; 
       alert(reg_user); 
      } 
     </script> 
     <script type="text/javascript"> 
      $(document).ready(function(){ 
       $('div.lightbox').lightbox(); 
      }); 
     </script> 

</head> 
<body> 

<div id="signup" style="width:756px; margin-right:auto;margin-left:auto;"> 
     <div class="light-box"> 

     <div class="center"> 
     <div class="welcome"> 
     <h1>Hello</h1> 

     </div> 

     <div id="reg_stats"></div> 
     <div class="login-form"> 
     <div class="form-container"> 
      <label class="label">xxx</label> 
      <input id="reg_user" type="text" /> 
      <label class="label">xxx</label> 
      <input id="reg_user2" type="text" /> 
      <label class="label">xxx</label> 
      <input id="reg_email" type="text" /> 
      <label class="label">xxx</label> 
      <input id="reg_pass" type="text" /> 
      <label class="label">xxx</label> 
      <input id="reg_pass2" type="text" /> 
      <input type="submit" onclick="send_ajax_data();" class="login-btn" value="Done" /> 
     </div> 
     </div> 

     </div> 
    </div> 
</div> 
<a href="#signup" class="lightbox">new user</a> 


</body> 
</html> 
+0

你的類是'light-box',但你的jQuery選擇器正在調用'$('div.lightbox')'這肯定是一個錯字,因爲你永遠不會完全可以看到燈箱。 –

+0

我看到燈箱和它的工作,問題是與燈箱裏面的形式,因爲我從窗體收到空數據! – user1791166

回答

0

嘗試在表單標籤添加

沒有一個形式包裝的投入,沒有什麼提交