2013-06-29 47 views
1

我在Web2py中有一個聯繫表單,它通過他們的配置文件向用戶發送電子郵件。 它在正常頁面上正常工作,但Captcha搞砸了我的設計,所以我想把它放在彈出窗口中。Web2py Java Script Pop Up表單

我用Java在這裏彈出。 http://blog.theonlytutorials.com/a-very-simple-jquery-popup-ready-to-use-code/

這是我的觀點:

<a href="#" id="pop"><img src="/init/static/images/envelope-small.gif" border="0" Title="Send A Message"></a></h1> 
     <div id="overlay_form" style="display:none"> 
      <center> <h3>Send {{=user.company_name}} A Message</h3> </center> 
    {{=contact.custom.begin}} 
     Your Email:<br> 
     {{=contact.custom.widget.your_email}} 
     <br> 
     Your Message:<br> 
     {{=contact.custom.widget.question}} 

     {{=captcha}} 
     <center> 
     {{=contact.custom.submit}} 
     </center> 
     <a href="#" id="close" >Close</a> 
     {{=contact.custom.end}} 
    </div> 

當我上彈出點擊了它帶來了形式,如果所有字段是正確的將發送一封電子郵件。但是,如果表單有錯誤,它會關閉彈出窗口並在閃存框中通知。

我想彈出保持打開,如果窗體有錯誤,所以他們可以糾正。我認爲表單驗證會導致重新加載,所以彈出窗口會關閉,但我認爲必須通過某種方式來保持它的打開狀態。

我是不是想通過這種方式嘗試做基地?似乎與Web2py總是有一個非常簡單的解決方案,但我似乎無法找到它。

意見建議?

回答

1

您無法保持彈出窗口打開,因爲整個頁面將通過表單提交進行重新加載。但是,當表單返回錯誤時,您可以向頁面添加一些Javascript代碼,該頁面在頁面加載後立即自動打開彈出窗口。

另一種選擇是通過Ajax提交表單,避免整頁重新加載。

+0

感謝您的指點。我將對如何使用Ajax進行點擊進行一些研究。 – 4BY