Question

我希望有人可以提供帮助。我的问题是，目前我已经设置了一个联系我们页面，以便在提交时将其发布到单独的PHP脚本中，该脚本会向我发送一封电子邮件，并显示一个带有回显消息的空白页面打印出来的建议电子邮件已发送。

我想尝试做的不是重定向到空白页面而是打开一个模态窗口来说＆＃34;感谢电子邮件＆＃34;或者类似的东西，当脚本在后台工作。

任何帮助将不胜感激，我已在网上搜索答案或代码示例，但到目前为止未能找到符合我试图做的事情。我已经包含了在当前迭代中工作的代码HTML和PHP的相关部分。感谢。

PHP

public interface ITest
{
    string AAAAA { get; set; }
}

public class TestImpl: Panel, ITest
{
    public string AAAAA { get; set; }
}

public class TestComponent : Component
{
    [TypeConverter(typeof(ExpandableObjectConverter))]
    public ITest Obj { get; set; }
    public TestComponent()
    {
        Obj = new TestImpl();
    }
}

// To reproduce create a simple Form, add a PropertyGrid, create and assign the TestComponent
public partial class Form4 : Form
{
    public Form4()
    {
        InitializeComponent();

        var comp = new TestComponent();
        comp.Obj.AAAAA = "Some Text";

        propertyGrid1.SelectedObject = comp;
    }
}

HTML

    <?php
    if(isset($_POST['submit'])) {
    $to = "contactus@example.com";
    $subject = "Contact us message from website";
    $name_field = $_POST['name'];
    $email_field = $_POST['email'];
    $subject_option = $_POST['subject'];
    $message = $_POST['message'];

    $body = "From: $name_field\n E-Mail: $email_field\n Subject: 
    $subject_option\n Message:\n $message";

    echo "Data has been submitted to $to!";
    mail($to, $subject, $body);
    } else {
    echo "Failed!";
    }
    ?>

这是我试图触发的模态对话框（我可以通过一个单独的按钮触发它，所以我知道它正在工作），一旦我开始工作，我将自定义我自己，但我首先需要一个概念验证。

    <div class="col-md-10">
                <div class="panel panel-primary" style="margin:20px;">
                    <div class="panel-heading">
                        <h3>Feel free to contact us below</h3>
                    </div>
                    <div class="panel-body">
                        <form method="post" action="../php/mailerscript.php">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="name">
                                            Name</label>
                                        <div class="input-group">
                                            <span class="input-group-addon"><span class="fa fa-user"></span>
                                            </span>
                                        <input type="text" class="form-control" name="name" id="name" placeholder="Enter name" required="required" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="email">Email Address</label>
                                        <div class="input-group">
                                            <span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span>
                                            </span>
                                            <input type="email" class="form-control" name="email" id="email" placeholder="Enter email" required="required" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="subject">Subject</label>
                                        <select id="subject" name="subject" class="form-control" required="required">
                                            <option value="na" selected="">Choose One:</option>
                                            <option value="General Message">General Message</option>
                                            <option value="Suggestions">Suggestions</option>
                                            <option value="Bug Report">Bug Report</option>
                                        </select>
                                    </div>                                      
                                    <div class="form-group">
                                        <label for="name">Message</label>
                                        <textarea name="message" id="message" class="form-control" rows="8" cols="40" required="required"
                                            placeholder="Message">
                                        </textarea>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <button type="submit" name="submit" class="btn btn-primary pull-right" id="btnContactUs">Send Message</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-md-2"></div>

编辑： - 我可以看到这已被标记为与现有问题完全匹配，我认为不同的是，在查看这两个问题时，我的问题是提交联系我们的html表单然后显示模式框而不是一个重定向，而另一个是从模式框中传递信息，我不感兴趣。

我可能没有很好地解释自己（我永远不会把它当成老师）:-)这就是为什么它被标记为重复但是如果它与需要AJAX那么我那么＆＃ 39;我会调查一下，因为我从来没有使用它，直到现在还没有考虑过它，我想我只能用HTML和PHP来做。： - ）

在将数据提交到php脚本时，如何打开模态对话框？

0 个答案: