JavaScript中的文本框驗證

Question

如何驗證僅包含AZ和az字符，數字，空格，下划線和破折號的文本框？ 文本框也不應接受西班牙語重音符號，如-á，-é，-í，-ó，-ú，-ü，-ñ，¿，¡。

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

例：

 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"); } 

 #span{ color: red; } .hidden{ display: none; } 

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