jquery - 在 TextBox 输入掩码中每 3 个字符后自动插入连字符

Question

我想知道如何屏蔽文本框以在每 3 个字符后自动使用连字符。

比如ABC-DEF-DBC-HXM-.......等等

我正在使用jquery.inputmask

Answer 1

我不太了解“inputmask”插件。

我只是尝试了一些方法来解决它。我还没有测试过，但如果这对你有用，请告诉我：

var z = 0;
$("#d1").on('keyup', function (event) {
    console.log(event.keyCode);
    if ((event.keyCode >= 48 && event.keyCode <= 57) || (event.keyCode >= 65 && event.keyCode <= 90)) {
        var t = $(this).val();
        console.log(t.length);
        console.log("VALUE OF Z" + z);
        if (t.length == 3 || (((t.length) - z) % 3) == 0) {
            t = t + "-";
            z++;
        }

        $(this).val(t);
    } else {
        event.preventDefault();
        var v = $(this).val().trim();
        v = v.substring(0, v.length - 1);
        $(this).val(v);
    }
});

你的 HTML 将是

<input type="text" id="d1" SIZE="200"/>