javascript - 限制输入框长度为16

Question

我想将输入框的最大长度限制为 16 个字符，但破折号和空格不应包含在计数中。到目前为止，这是我的代码

JS

$('.numericSpaceDash').keypress(function(e){

    var xcode = (e.which) ? e.which : e.keyCode;
    var maxlength = $('.cardtb').attr('maxlength', '16');

    var regex = new RegExp("[0-9\- ]");
    var str = String.fromCharCode(!e.charCode ? e.which : e.charCode);

    if (regex.test(str)) {
        return true;
    }

    e.preventDefault();
    return false;

});

HTML

<input type="text" id="sf-cardno" class="tb cardtb rtb numericSpaceDash" autocomplete="off" name="cardno" maxlength="16"/>

Answer 1

似乎你只需要从值中删除空格和破折号，并检查它的长度

$('.numericSpaceDash').on('keypress', function(e) {
    if ( [' ','-'].includes(e.key) ) {
          // do something if space or hyphen pressed
    } else if ( this.value.replace(/(\s|\-)/g,'').length > 15 ) {
        e.preventDefault();
    } else {
        $('#count').html( this.value.replace(/(\s|\-)/g,'').length +1 )
    }
    
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="text" id="sf-cardno" class="tb cardtb rtb numericSpaceDash" name="cardno" />
<br />
Count : <span id="count"></span>

请注意，jQuery 规范化了 e.which，您不需要检查它。