將輸入框的長度限制爲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，你不需要檢查它。