验证文本框是否存在重复源代码时，退格和删除字符不起作用

Question

我有以下 javascript 函数来验证在文本框中输入的用户代码值，我不允许他们允许重复字符，如 AABC 、 BBCF .... 等，但问题是在输入一些字符后它不允许删除输入的字符。

function ValidateUserCode(txtid,e) 
{

    var validateText = document.getElementById(txtid).value;
    var userText = validateText.toUpperCase();
    if (window.event)
    {
        e = window.event;
    }
    if (e.keyCode) {
        code = e.keyCode;
    }
    else if (e.which) {
        code = e.which;
        characterCode = String.fromCharCode(e.which);
        characterCode = characterCode.toUpperCase();
    }
    if (userText.indexOf(characterCode) < 0)
     {
        return true;
    }
    else {
        return false;
    }
}

这是我在 aspx 页面上的代码

<asp:label Text=" Code" runat="server" ID="Label"></asp:label>
 </div>
     <asp:TextBox ID="CodeTextBox" runat="server" Size="6" MaxLength="4"   Style="text-transform: uppercase;" ></asp:TextBox><br />

这是我在其中进行 javascript 调用的代码隐藏

protected void Page_Load(object sender, EventArgs e)
        {
             IntializeEventHandlers();

}

        private void IntializeEventHandlers()
        {

            this.CodeTextBox.Attributes.Add("onkeypress", string.Format("javascript:return ValidateUserCode('{0}',event);",this.CodeTextBox.ClientID));

        }

Answer 1

这是一组基于您想要在多个浏览器中工作的工作代码，并正确处理删除/退格/箭头键：

function ValidateUserCode(txtid, e) {
    var validateText = document.getElementById(txtid).value;
    var userText = validateText.toUpperCase();
    var code = e.which;

    if (!code && ((e.charCode || e.charCode === 0) ? e.charCode : e.keyCode)) {
        code = e.charCode || e.keyCode;
    }

    var characterCode = String.fromCharCode(code).toUpperCase();

    return (userText.indexOf(characterCode) < 0);
}

更新

这是我用来测试的 html：

<input type="text" id="mytext" onkeypress="return ValidateUserCode('mytext',event);" />

确保您的 ASP 代码中呈现的 html 看起来与此类似，并且 id 值匹配。