javascript - 如何在正则表达式的keyup上仅替换当前错误的字符？

我想从输入文本中替换任何非护照格式（A9999999）的字符。我写了以下（jsfiddle here）：

的HTML

Doc Type <input id='docType' value = 'PASS'/> <br>
Doc ID <input id='docId'/>

JS：

$(document).ready(function () {
    var docTypeVal = $("#docType").val();
    $('#docId').keyup(function() {
        if(docTypeVal == "PASS") {
            var $th = $(this);
            $th.attr("maxlength","8");

            if($th.val().length <= 1) {
                $th.val().replace(/[^a-zA-Z]/g, function(str) {
                    alert('You typed " ' + str + ' ".\n\nPlease use correct format.');
                    return '';
                })
            }
            else if($th.val().length <= 8 && $th.val().length > 1) {
                $th.val().replace(/^(?!.*^([a-zA-Z]){1}([0-9]){7}$)/, function(str) {
                    alert('You typed " ' + str + ' ".\n\nPlease use correct format.');
                    return '';
                })
            }
        }
    });
});

但是，首先，这不会替换任何字符（错误/正确）。其次，当我输入第二个字符以后，它就会发出警报。如果它是字母，则应该接受第一个字符（否则请替换），从第二个字符到第8个字符应仅接受数字（否则请替换）。

最佳答案

您可以使用1个正则表达式进行测试。

/^[a-z]?\d{0,7}$/i

此模式在A9到A9999999的范围内。在AA或99上它将失败。

示例：https://jsfiddle.net/Twisty/awL0onjg/20/

的JavaScript

$(function() {
  var docTypeVal = $("#docType").val();
  $('#docId').keyup(function(e) {
    var exc = [
      11, // Tab
      127, // Del
    ];
    if (exc.indexOf(e.which) > -1) {
      return true;
    }
    var term = $(this).val();
    var re = /^[a-z]?\d{0,7}$/i;

    console.log("Testing:", term, re.test(term));
    if (re.test(term)) {
      $(this).removeClass("invalid");
      return true;
    } else {
      $(this).addClass("invalid");
    }
  });
});

如果要防止用户在该模式之外键入内容，请考虑使用.keydown()。 See More。

关于javascript - 如何在正则表达式的keyup上仅替换当前错误的字符？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/58872143/