javascript indexof 正则表达式 A-Za-z0-9 总是返回 false

Question

我已经创建了一个 JS fiddle https://jsfiddle.net/95r110s9/#&togetherjs=Emdw6ORNpc

HTML

<input id="landlordstreetaddress2" class="landlordinputs" onfocusout="validateinputentries()" />

JS

validateinputentries(){

landlordstreetaddress2 = document.getElementById('landlordstreetaddress2').value;

 goodcharacters = "/^[a-zA-Z0-9#.,;:'\s]+$/gi";

 for (var i = 0; i < landlordstreetaddress2.length; i++){

  if (goodcharacters.indexOf(landlordstreetaddress2.charAt(i)) != -1){

       console.log('Character is valid');

  }

 }

}

它从输入中提取值并运行 indexOf 正则表达式，其中包含 A-Z a-z 和 0-9 以及一些附加字符。

问题是它可以与 BCDEFG...etc 和 12345...etc 的条目一起使用，但是当我输入“A”或“Z”或“0”或“1”时，它返回不正确。

我需要它返回与 0123456789、ABCDEF...XYZ 和 abcdef...xyz 相同的内容

我应该指出，以下确实按预期工作：

var badcharacters = "*|,\":<>[]`\';@?=+/\\";
badcharacter = false;

//firstname
for (var i = 0; i < landlordfirstname.value.length; i++){

   if (badcharacters.indexOf(landlordfirstname.value.charAt(i)) != -1){

        badcharacter = true;
        break;
   }

   if(landlordfirstname.value.charAt(0) == " "){

        badcharacter = true;
        break;
   }

}

Answer 1

String.prototype.indexOf()

indexOf() 方法返回调用 String 对象中第一次出现指定值的索引，从 fromIndex 开始搜索。如果未找到该值，则返回 -1。

因此，您正在尝试搜索此值"/^[a-zA-Z0-9#.,;:'\s]+$/gi"，在输入的字符串中将找到“never”。

您实际上想根据输入的值测试该正则表达式。

/^[a-zA-Z0-9#.,;:'\s]+$/gi.test(landlordstreetaddress2)

function validateinputentries() {
  var landlordstreetaddress2 = document.getElementById('landlordstreetaddress2').value;

  if (/^[a-zA-Z0-9#.,;:'\s]+$/gi.test(landlordstreetaddress2)) {
    console.log('Characters are valid');
  } else {
    console.log('Characters are invalid');
  }
}

<input id="landlordstreetaddress2" class="landlordinputs" onfocusout="validateinputentries()" />

Answer 2

您正在尝试结合两种不同的测试字符串的方法——一种方法是使用正则表达式；另一种方法是根据允许的字符列表检查每个字符。如果您没有将其声明为字符串，那么您最终会根据 的列表检查每个字符是否是正则表达式。

这些方法相互冲突；您需要选择其中一个。

检查每个字符：

这与您尝试的最接近。您不能像在正则表达式中那样在此处使用字符范围（如 a-zA-Z）；您必须单独拼出每个允许的字符：

var validateinputentries = function() {
  var address = document.getElementById('landlordstreetaddress2').value;
  var goodcharacters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789#.,;:' ";
  var badcharactersfound = false;
  for (var i = 0; i < address.length; i++) {
    if (goodcharacters.indexOf(address.charAt(i)) == -1) {
      badcharactersfound = true;
      console.log("not allowed: ", address.charAt(i));
    }
  }
  if (badcharactersfound) {
    // Show validation error here
  }
}

<input id="landlordstreetaddress2" class="landlordinputs" onfocusout="validateinputentries()" />

正则表达式

正则表达式版本要简单得多，因为正则表达式完成了大部分工作。您不需要单步执行字符串，只需针对正则表达式测试整个字符串并查看结果。在这种情况下，您要查看输入是否包含任何不允许的字符，因此您要使用字符例外规则：[^abc] 将匹配任何不是 a、b 或 c 的字符。您不想将匹配锚定到字符串的开头或结尾，就像您对初始 ^ 和尾随 $; 所做的那样。你可以省略 + 因为你不关心是否有连续的坏字符，你只关心它们是否存在。

var validateinputentries = function() {
  var address = document.getElementById('landlordstreetaddress2').value;
  var regex = new RegExp("[^a-zA-Z0-9#.,;:'\\s]","g")
  var badcharactersfound = address.match(regex);
  // or the above two lines could also have been written like this:
  // var bad = address.match(/[^a-zA-Z0-9#.,;:'\s]/g)
  // In either case the "g" operator could be omitted; then it would only return the first bad character.
  if (badcharactersfound) {
    console.log("Not allowed: ", badcharactersfound);
  }
}

<input id="landlordstreetaddress2" class="landlordinputs" onfocusout="validateinputentries()" />