JQuery只允许在TextBox

时间:2016-11-10 11:38:18

标签: javascript jquery html asp.net keyboard

我在ASP.NET中有一个文本字段,我想只允许使用字母数字和正斜杠(/)键。我尝试了以下代码,

function jsCheckInput(e) {
    var evt = (e) ? e : window.event;
    var key = (evt.keyCode) ? evt.keyCode : evt.which;
    if (key != null) {
        key = parseInt(key, 10);
        if (key < 47 || (key > 57 && key < 65) || (key > 90 && key < 97) || key > 122) {
            if (!jsIsUserFriendlyChar(key)) {
                return false;
            }
        }
        else {
            if (evt.shiftKey) {
                return true;
            }
        }
    }
    return true;
}

function jsIsUserFriendlyChar(val) {
    // Backspace, Tab, Enter, Insert, and Delete  
    if (val == 8 || val == 9 || val == 13 || val == 45 || val == 46) {
        return true;
    }
    // Ctrl, Alt, CapsLock, Home, End, and Arrows  
    if ((val > 16 && val < 21) || (val > 34 && val < 41)) {
        return true;
    }
    return false;
}

在网页表单页面中,我添加如下,

<asp:TextBox ID="text_value" CssClass="textbox" onkeydown="return jsCheckInput(event);" runat="server"></asp:TextBox>

在这里,我可以输入字母和数字,但我无法输入值/。我启用了shift键,因此我可以让shift + ?输入正斜杠。另一个问题是,当我按shift +任意数字键时,! @ # $ % ^ & * ( ) ...之类的特殊字符也会出现在tet字段中。我在这做错了什么?

3 个答案:

答案 0 :(得分:0)

如果您想使用正则表达式。如果你不

,请忽略

const regex = /^[a-z0-9\/]+$/gi;
const str = `asdasdas/asdfaASDASDA`; //test string

if(regex.test(str )){
     console.log('Allowed'+str);
  }

经过测试here

答案 1 :(得分:0)

您不需要使用shift键输入正斜杠。正斜杠(/)的键代码是191.只需在if条件中添加它。

function jsCheckInput(e) {
    var evt = (e) ? e : window.event;
    var key = (evt.keyCode) ? evt.keyCode : evt.which;
    if (key != null) {
        key = parseInt(key, 10);
        if (key < 47 || (key > 57 && key < 65) || (key > 90 && key < 97) || key > 122 || key != 191) {
            if (!jsIsUserFriendlyChar(key)) {
                return false;
            }
        }
    }
    return true;
}

答案 2 :(得分:0)

<强>解

最后找到了如下解决方案,

function jsCheckInput(e, t) {
    try {
        if (window.event) {
            var charCode = window.event.keyCode;
        }
        else if (e) {
            var charCode = e.which;
        }
        else { return true; }
        if ((charCode > 64 && charCode < 91) || (charCode > 96 && charCode < 123) || (charCode > 46 && charCode < 58))
            return true;
        else if (jsIsUserFriendlyChar(charCode))
            return true;
        else
            return false;
    }
    catch (err) {
        alert(err.Description);
    }
}

此代码完美无缺!!