0

我有 ASPxGridview，我想使用 ClientSideEvents 检查电子邮件之前是否已经在编辑表单中注册过。

有什么帮助解决这个问题吗？

aspx 部分

这是javascript部分

function OnEmailValidation(s, e) {
            var error = "";
            var tfld = trim(e.value);
            var illegalChars = /^\w+([-+.'''']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
            if (!illegalChars.test(tfld)) {
                $get("spanEmail").innerHTML = "invalid email";

            } else {
                PageMethods.CheckEmail(e.value.toString(), OnCheckEmail);

                // how to check OnCheckEmail before continue
                //if(email already registered) {
                  // return false
                //}

                $get("spanEmail").innerHTML = "";
            }
            return true;
        }

function OnCheckEmail(unavailable) {
        if (unavailable == true) {
            $get("spanEmail").innerHTML = "already registered";
            $get("spanEmail").style.color = "red";
        }
        else if (unavailable != true) {
            $get("spanEmail").innerHTML = "Available";
            $get("spanEmail").style.color = "#76EB69";
        }
    }

aspx.cs

col_Email.PropertiesTextEdit.ClientSideEvents.Validation = "OnEmailValidation";
grid.Columns.Add(col_Email);

[WebMethod]
public static bool CheckEmail(string email)
{
    System.Threading.Thread.Sleep(200);
    if (Membership.FindUsersByEmail(email) != null)
    {
        if (Membership.FindUsersByEmail(email).Count <= 0)
        {
            return false;
        }
        return true;
    }
    else
    {
        return false;
    }
}

这是我在Filip建议之后的最终代码， 但我有一个小问题：
当我使用
(async: false) 和 cntr.SetIsValid(false);
控件不应用该操作
，但如果我使用
(async: true) 和 cntr.SetIsValid(false);
控件应用动作
为什么？

我想使用 async: false


function OnEmailValidation(s, e) {
var illegalChars = /^\w+([-+.'''']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
var spanEmail = document.getElementById("spanEmail");

var obj = GetObj('txt_Email');
var cntr = aspxGetControlCollection().Get(obj.id);

if (!illegalChars.test(e.value)) { 
    spanEmail.innerHTML = "Invalid Email";
    spanEmail.style.color = "red";

    cntr.SetIsValid(false);

} else {
    $.ajax({
        type: "POST",
        async: false,
        url: "myweb_service.asmx/CheckEmail",
        data: "{'email':'" + e.value.toString() + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(res) {
            if (res.d == "true") {
                spanEmail.innerHTML = "Email register before";
                spanEmail.style.color = "red";

                cntr.SetIsValid(false);
            }
            if (res.d == "false") {
                spanEmail.innerHTML = "Available";
                spanEmail.style.color = "#76EB69";

                cntr.SetIsValid(true);
            }
        }
    });
}}
4

2 回答 2

0

您需要在服务器端设置一个 Web 服务来检查电子邮件是否已经存在。然后，您将使用 JavaScript AJAX（最好是 jQuery 或 Prototype 之类的库）在验证方法期间查询 Web 服务。

完成这一切将是一项艰巨的工作。祝你好运。有关详细信息，请参阅以下链接之一：

于 2012-04-12T20:10:38.060 回答
0

您可以使用 jQuery 调用 PageMethods（PageMethods.CheckEmail用此代码替换调用）：

$.ajax({
    type: "POST",
    async: false,
    url: "<PageName>.aspx/CheckEmail",
    data: "{" + e.value.toString() + "}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(res) {
        if (res.d)
            return false;
    }
});

替换PageName为您的页面名称。
小心同步 ( async: false) ajax 调用。他们将阻止您的页面，直到请求完成。
如果res.d不返回结果，或者您只想详细说明已发布的代码，请查看以下链接：

于 2012-04-13T07:14:15.560 回答