javascript中的文本框验证

Question

如何验证文本框，该文本框仅允许字符A-Z＆amp; a-z，数字，空格，下划线和短划线字符？文本框也不应接受西班牙语口音和字母，如-á，-é，-í，-ó，-ú，-ü，-ñ，¿，¡，

Answer 1

使用正则表达式/[^a-z0-9\s_-]/i检查是否有除拉丁字母，数字，空格下划线或短划线之外的其他字符。

myString.test(/[^a-z0-9\s_-]/i);

Answer 2

您应该使用这样的正则表达式：/^[\w-\s]+$/来测试输入是否正确。

^: from the begining
[\w-\s]: a combination of:
    \w: letters (latin), numbers and underscore
    - : dash
    \s: space
+: at least one time (at least one character long)
$: untill the end

示例：

＆＃13;

＆＃13;

var span = document.getElementById("span");

document.getElementById("input").oninput = function() {
  if(/^[\w-\s]+$/.test(this.value))
    span.classList.add("hidden");
  else
    span.classList.remove("hidden");
}

＆＃13;

#span{
  color: red;
}

.hidden{
  display: none;
}

＆＃13;

<input id="input"><span id="span">INVALID<span>

＆＃13;

＆＃13;

＆＃13;