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);
            }
        }
    });
}}

Answer 1

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

完成所有工作将是一项繁重的工作。祝好运。有关更多信息，请参阅其中一个链接：

Answer 2

您可以使用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未返回结果，或者您只想详细解释已发布的代码，请检查以下链接：

ASP.NET验证来自ClientSideEvents和WebMethod的成员身份电子邮件

aspx部分

aspx.cs

2 个答案: