Web2py Java脚本弹出表单

Question

我在Web2py中有一个联系人表单，可以从他们的个人资料中发送电子邮件给用户。它在常规页面上运行良好，但验证码搞砸了我的设计，所以我想把它放在一个弹出窗口中。

我在这里使用了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，似乎总是有一个非常简单的解决方案，但我似乎找不到它。

有什么建议吗？

Answer 1

您不能使弹出窗口保持打开状态，因为提交表单时会重新加载整个页面。但是，当返回包含错误的表单时，您可以向页面添加一些Javascript代码，以便在页面加载后立即自动打开弹出窗口。

另一种选择是通过Ajax提交表单，这样可以避免重新加载整个页面。