使用JavaScript/jQuery验证文本

键入输入时，我希望逐个字符验证文本，例如文本为：

QuickBrownFox

我想一个字符一个字符地匹配

类似：最初，文本框为空：

我按

T

=>正常

h

=>正常

a

=>不正常（不会写入文本）

e

=>正常

等等

我已经编写了这个jquery

regex

表达式。但是，它在比较整个文本时不起作用

$("#text").on("keypress", function(e) {
    if (!(/^The Quick Brown Fox$/i.test($(this).val()+String.fromCharCode(e.keyCode)))) {
        return false;
    }
}

---

正则表达式不是做这种事情的最佳选择

最好设置一个字符串并逐个循环遍历字符，直到找到不匹配的字符

---

每次按一个键时，从一开始检查字符串。这会吸引人们粘贴到

输入中

正则表达式并不是做这类事情的最佳选择

最好设置一个字符串并逐个循环遍历字符，直到找到不匹配的字符

---

每次按一个键时，从一开始检查字符串。这会吸引人们粘贴到

输入中

正则表达式并不是做这类事情的最佳选择

最好设置一个字符串并逐个循环遍历字符，直到找到不匹配的字符

---

每次按一个键时，从一开始检查字符串。这会吸引人们粘贴到

输入中

正则表达式并不是做这类事情的最佳选择

最好设置一个字符串并逐个循环遍历字符，直到找到不匹配的字符

---

每次按一个键时，从一开始检查字符串。它捕捉到人们粘贴到

输入中

您正在检查每个按键，而您的正则表达式与整个字符串匹配。输入整个字符串后进行检查

$("#text").on("blur", function(e) {
    if (!(/^The Quick Brown Fox$/i.test($(this).val()))) {
        return false;
    }
}

---

当正则表达式与整个字符串匹配时，检查每个按键。输入整个字符串后进行检查

$("#text").on("blur", function(e) {
    if (!(/^The Quick Brown Fox$/i.test($(this).val()))) {
        return false;
    }
}

---

当正则表达式与整个字符串匹配时，检查每个按键。输入整个字符串后进行检查

$("#text").on("blur", function(e) {
    if (!(/^The Quick Brown Fox$/i.test($(this).val()))) {
        return false;
    }
}

---

当正则表达式与整个字符串匹配时，检查每个按键。输入整个字符串后进行检查

$("#text").on("blur", function(e) {
    if (!(/^The Quick Brown Fox$/i.test($(this).val()))) {
        return false;
    }
}

你可以试一下

$("#text").on("keypress", function(e) {

    var myText = ($(this).val()+String.fromCharCode(e.keyCode));

    if ('The Quick Brown Fox'.indexOf(myText) != 0) {
        return false;
    }

});

这是一个。

你可以随便试试

$("#text").on("keypress", function(e) {

    var myText = ($(this).val()+String.fromCharCode(e.keyCode));

    if ('The Quick Brown Fox'.indexOf(myText) != 0) {
        return false;
    }

});

这是一个。

你可以随便试试

$("#text").on("keypress", function(e) {

    var myText = ($(this).val()+String.fromCharCode(e.keyCode));

    if ('The Quick Brown Fox'.indexOf(myText) != 0) {
        return false;
    }

});

这是一个。

你可以随便试试

$("#text").on("keypress", function(e) {

    var myText = ($(this).val()+String.fromCharCode(e.keyCode));

    if ('The Quick Brown Fox'.indexOf(myText) != 0) {
        return false;
    }

});

---

这是一个。

可能是，您可以逐个字符循环和比较，并进行处理

HTML: 输入正确的文本：

JQUERY代码：

    var txt = "The Quick Brown Fox";
    var index = 0;
    $("#text").on("keyup", function (e) {
          var st = $('#text').val();
          while (index < st.length) {
              if (txt[index] === st[index]) index++;
              else {
                  $(this).val(st.substr(0, index));
                  break;
              }
          }
    });

var txt=“快速棕色狐狸”；
var指数=0；
$（“#文本”）。关于（“键控”，函数（e）{
var st=$（'#text'）.val（）；
而（指数<标准长度）{
if（txt[index]==st[index]）index++；
否则{
$（this）.val（st.substr（0，索引））；
打破
}
}
});

现场演示：

---

快乐编码：）

可能是您可以逐个字符循环和比较，并进行处理

HTML: 输入正确的文本：

JQUERY代码：

    var txt = "The Quick Brown Fox";
    var index = 0;
    $("#text").on("keyup", function (e) {
          var st = $('#text').val();
          while (index < st.length) {
              if (txt[index] === st[index]) index++;
              else {
                  $(this).val(st.substr(0, index));
                  break;
              }
          }
    });

var txt=“快速棕色狐狸”；
var指数=0；
$（“#文本”）。关于（“键控”，函数（e）{
var st=$（'#text'）.val（）；
而（指数<标准长度）{
if（txt[index]==st[index]）index++；
否则{
$（this）.val（st.substr（0，索引））；
打破
}
}
});

现场演示：

---

快乐编码：）

可能是您可以逐个字符循环和比较，并进行处理

HTML: 输入正确的文本：

JQUERY代码：

    var txt = "The Quick Brown Fox";
    var index = 0;
    $("#text").on("keyup", function (e) {
          var st = $('#text').val();
          while (index < st.length) {
              if (txt[index] === st[index]) index++;
              else {
                  $(this).val(st.substr(0, index));
                  break;
              }
          }
    });

var txt=“快速棕色狐狸”；
var指数=0；
$（“#文本”）。关于（“键控”，函数（e）{
var st=$（'#text'）.val（）；
而（指数<标准长度）{
if（txt[index]==st[index]）index++；
否则{
$（this）.val（st.substr（0，索引））；
打破
}
}
});

现场演示：

---

快乐编码：）

可能是您可以逐个字符循环和比较，并进行处理

HTML: 输入正确的文本：

JQUERY代码：

    var txt = "The Quick Brown Fox";
    var index = 0;
    $("#text").on("keyup", function (e) {
          var st = $('#text').val();
          while (index < st.length) {
              if (txt[index] === st[index]) index++;
              else {
                  $(this).val(st.substr(0, index));
                  break;
              }
          }
    });

var txt=“快速棕色狐狸”；
var指数=0；
$（“#文本”）。关于（“键控”，函数（e）{
var st=$（'#text'）.val（）；
而（指数<标准长度）{
if（txt[index]==st[index]）index++；
否则{
$（this）.val（st.substr（0，索引））；
打破
}
}
});

现场演示：

---

快乐编码：）

当正则表达式匹配整个字符串时，您正在检查每个按键。输入整个字符串后进行检查。您在测试时专门在整个字符串（

$（this）.val（）+

）前面加上前缀。为什么不

lookupString.indexOf（$（this）.val（））！==-1

相反？当正则表达式与整个字符串匹配时，您正在检查每个按键。输入整个字符串后进行检查。您在测试时专门在整个字符串（

$（this）.val（）+

）前面加上前缀。为什么不

lookupString.indexOf（$（this）.val（））！==-1

相反？当正则表达式与整个字符串匹配时，您正在检查每个按键。输入整个字符串后进行检查。您在测试时专门在整个字符串（

$（this）.val（）+

）前面加上前缀。为什么不

lookupString.indexOf（$（this）.val（））！==-1

相反？当正则表达式与f匹配时，您正在检查每次按键