Question

我试图将Mailgun的jQuery电子邮件验证程序整合到当前表单中。到目前为止，我已经能够将电子邮件验证消息显示在我的网站上。但是，我无法正确使用提交按钮。它既可以提供验证信息，也可以让任何人通过提交，或者显示消息并让所有人通过。

您可以看到我复制的代码：https://github.com/mailgun/validator-demo/blob/master/index.html

我将它连接到我自己的表单中，当我按Enter键或单击“提交”按钮时，没有任何反应。我假设它与底部函数中的Return nothing代码有关。但我无法弄清楚要在哪里展示验证信息，然后允许提交它成功，如果不是，就不允许有人通过。< / p>

Answer 1

如果您拥有API密钥（在这种情况下，您可以使用您可以从mailgun中的控制面板检索的公钥），您可以在此处尝试实时演示：http://mailgun.github.io/validator-demo/

代码是一样的，如果您可以编辑您的问题并添加您正在使用的代码，我可以帮助您调试它。

：）

Answer 2

MailGun jQuery示例是一个异步请求，提交过程无需等待来自mailgun api的响应即可运行。

您需要向web方法发出同步请求。您可以使用以下代码

function validateEmailByMailGun(Email){
    $.ajax({
        type: "POST",
        url: "alpha.aspx/CheckEmail",
        data: "{UserName:'" + Email + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        async: false,
        success: function Success(msg) {
            isMailGunValidEmail = msg.d; //can have true, false or error
        },
        error: function (xhr, ajaxOptions, thrownError) {
            isMailGunValidEmail = false;
            isMailGunError = true;
        }
    });
}

在你的alpha.aspx中，创建一个webmethod

[System.Web.Services.WebMethod]
    public static object CheckEmail(string UserName)
    {
        var http = (HttpWebRequest)WebRequest.Create("https://api.mailgun.net/v2/address/validate?address=" + UserName);
        http.Credentials = new NetworkCredential("api","put your public key here");
        http.Timeout = 5000;
        try
        {
            var response = http.GetResponse();
            var stream = response.GetResponseStream();
            var sr = new StreamReader(stream);
            var content = sr.ReadToEnd();
            JSON.JsonObject js = new JSON.JsonObject(content);
            return Convert.ToBoolean(js["is_valid"]);
        }
        catch (Exception ex)
        {

        }
    }

在当前表单上实现Mailgun Jquery Email Validator

2 个答案: