Question

这里我有一个 asp：TextBox ，一个 RegularExpressionValidator 和一个 ValidatorCalloutExtender 。

我的问题是：没有OnKeyUp事件，它工作正常，TextBox被验证，当它无效时变为红色。
但是当我添加事件时，它会停止验证，文本框中可以包含任何文本，并且它不会变为红色这是一些代码：

ASP.NET：

<asp:TextBox 
    ID="txtTelefone"
    runat="server"
    OnKeyUp="maskField(this, event)"
    Text="()-"
    MaxLength="14">
</asp:TextBox>
<asp:RegularExpressionValidator
    ID="RegularExpressionValidator_Telefone"
    runat="server"
    ControlToValidate="txtTelefone"
    ValidationExpression="(^\(\d{2}\)\d{4,5}-\d{4}$)|(^\(\)\-$)"
    Display="None"
    ErrorMessage="Invalid format!<br>Phone: (xx)xxxx-xxxx<br>Cel: (xx)xxxxx-xxxx">
</asp:RegularExpressionValidator>
<ajaxToolkit:ValidatorCalloutExtender
    ID="ValidatorCalloutExtender_Telefone"
    runat="server"
    TargetControlID="RegularExpressionValidator_Telefone"
    HighlightCssClass="txt-TextBox-Error"
    WarningIconImageUrl="~/Image/BackGroundAjax.png"
    PopupPosition="left">
</ajaxToolkit:ValidatorCalloutExtender>

JavaScript的：

function maskField(textbox, event) {
    //MASK TO PHONE NUMBERS -> FORMAT (99)99999-9999 OR (99)9999-9999
    if (event.char.match(/[0-9()-]/) || event.which == 8 || event.which == 46) {
        var next = textbox.selectionStart;
        var text = textbox.value.replace(/\D/g, "");
        var ddd = text.substring(0, 2).replace(/\ /, "");
        var firstSet = text.length == 11 ? text.substring(2, 7) : text.substring(2, 6);
        var secondSet = text.length == 11 ? text.substring(7, 11) : text.substring(6, 10);
        textbox.value = "(" + ddd + ")" + firstSet + "-" + secondSet;
        if (textbox.value.charAt(next - 1).match(/\D/) && event.char.match(/[0-9()-]/))
            next++;
        textbox.selectionStart = next;
        textbox.selectionEnd = next;
        textbox.focus();
    }
}

编辑：收到第一个回答后更新：
抱歉，我需要OnKeyUp事件，因为我需要识别导致事件的密钥。

Answer 1

我认为它不应该是OnKeyUp而是OnTextChanged。您可以将其引荐到此页面onkeyup event asp.net

RegularExpressionValidator无法使用javascript OnKeyUp事件

1 个答案: