php - 如何使用 jquery 或 javascript 在 php 中打开表单提交的弹出窗口

Question

我试图在下面的联系表单的提交按钮上打开一个弹出窗口是代码

<form id="contact" name="contact" method="post" action="mail2.php" onsubmit="return valid();">
            <label>Name :</label>
                <input name="name" type="text" id="name" class="contact-input-box" />

            <label>Contact No. :</label>
                <input name="telephone" type="text" id="telephone" class="contact-input-box" />

            <label>Email :</label>
                <input name="email" type="text" id="email" class="contact-input-box" /><br class="clearBoth" />  

            <label>Gender :</label>
            <span>Mail</span> <input type="radio" name="gender" value="male">
            <span>Femail</span> <input type="radio" name="gender" value="female" /> <br class="clearBoth" />

            <label>product :</label>
            <select name="product" class="dropdown" id="product">
                      <option>Product</option>
                      <option value="cd">CD</option>
                      <option value="dvd">DVD</option>
            </select> <br class="clearBoth" />

            <label>Comment :</label>
                <textarea name="comment"  id="comment" class="contact-input-box1"></textarea><br class="clearBoth" />
                <p id="button1"></p>

            <label>&nbsp;</label>
                <input name="button" type="submit" id="button" title="Submit" value="Submit" onclick="myFunction()" /> 
        </form>

但我无法打开弹出窗口。表格工作正常。目前它在 thankyou.html 页面上。我需要在弹出框中打开感谢消息。

Answer 1

您可以使用 jquery ui 对话框。为此，请在您的 html 中创建一个 div，并将要在弹出窗口中显示的内容放入该 div 中。

<div id="my-popup-div"> this content will be shown inside popup </div>

现在使用 jquery dialog initiator。

$(document).ready(function(){    
        $("#my-popup-div").dialog({});
    }) 

现在在你的函数中

function myFunction()
{
   $("#my-popup-div").dialog("open");
}

如需更多定制，请遵循 ui 教程 jquery ui dialog