JQuery 只允許在 TextBox 中使用字母、數字和正斜杠

Question

我在 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 領域。 我在這里做錯了什么？

Answer 1

如果你想使用正則表達式。 如果沒有，請忽略

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

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

在這里測試

Answer 2

您不需要 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;
}

Answer 3

解決方案

終於找到了如下解決方案，

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

這段代碼完美運行！！