javascript - javascript 中的 allowed 正则表达式

Question

我有一个 javascript，只允许在一个输入中输入字母、数字、空格、_、-:

var re = /^([a-zA-Z0-9 _-]+)$/;
if (!re.test(form.titulo.value)) {
    alert("Error: Input contains invalid characters!");
    form.titulo.focus();
    return false;
}

问题是，我也想允许 ' 。所以我可以输入类似的内容:安娜的房子，不要...我尝试在正则表达式中添加 '，但它不起作用:

/^([a-zA-Z0-9 _-']+)$/

Answer 1

这是因为字符类中的连字符表示一个范围，除非它位于末尾(显然它不能是一个范围)或被转义。您还可以删除捕获组，因为您的情况不需要它。

1. 转义-

   /^[a-zA-Z0-9 _\-']+$/
   

2. 将 - 移动到类的开头或结尾

   /^[a-zA-Z0-9 _'-]+$/
   

演示

input {
  color: green;
}
input:invalid {
  color: red;
}

<input type="text" pattern="[a-zA-Z0-9 _\-']+" />