在 JSP 中，执行对 INPUT 字段进行字母数字检查的最佳方法是什么？我附上了我的当前代码。
function validateCode() {
var TCode = document.getElementById("TCode").value;
for (var i = 0; i < TCode.length; i++) {
var char1 = TCode.charAt(i);
var cc = char1.charCodeAt(0);
if ((cc > 47 && cc < 58) || (cc > 64 && cc < 91) || (cc > 96 && cc < 123)) {
} else {
alert("Input is not alphanumeric");
return false;
}
}
return true;
}
根据提问者的最初倾向，使用str.charCodeAt(i)似乎比正则表达式更快。在我的jsPerf测试中，RegExp选项在Chrome 36中慢了66%（在Firefox 31中稍微慢一些）。
这是原始验证代码的清理版本，它接收一个字符串并返回true或false：
function isAlphaNumeric(str) {
var code, i, len;
for (i = 0, len = str.length; i < len; i++) {
code = str.charCodeAt(i);
if (!(code > 47 && code < 58) && // numeric (0-9)
!(code > 64 && code < 91) && // upper alpha (A-Z)
!(code > 96 && code < 123)) { // lower alpha (a-z)
return false;
}
}
return true;
};
当然，还有其他的考虑因素，比如可读性。一行正则表达式确实更美观。但如果你严格关注速度，你可能需要考虑这个替代方案。
charCodeAt 中进行字符编码比较？难道我们不能使用字符串字符 (c >= '0' && c <= '9'), (c >= 'a' && c <= 'z'), (c >= 'A' && c <= 'Z') 进行字符串比较吗？ - Xitang/^[a-z0-9]+$/i，它可以允许字母和数字的输入。参考链接：这里。"") 不应该被匹配。 - zzzzBovñ 不符合规则，但仍是一个完全有效的 UTF-8 字符。 - OybekcharCodeAt()慢得多（在Chrome 36中为66％）。请参见jsPerf和我在stackoverflow上的回答。 - Michael Martin-Smucker使用正则表达式进行检查。
Javascript的正则表达式没有POSIX字符类，因此您必须手动编写字符范围：
if (!input_string.match(/^[0-9a-z]+$/))
show_error_or_something()
这里的^表示字符串的开头，$表示字符串的结尾，[0-9a-z]+表示一个或多个字符，可以是数字0到9或小写字母a到z。
有关 JavaScript 正则表达式的更多信息请参见： https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions
您不需要逐个进行操作。只需测试任何一个非字母数字字符即可。如果找到一个，验证失败。
function validateCode(){
var TCode = document.getElementById('TCode').value;
if( /[^a-zA-Z0-9]/.test( TCode ) ) {
alert('Input is not alphanumeric');
return false;
}
return true;
}
如果存在至少一个非字母数字的匹配，return false。
要匹配所有Unicode字母和数字，您可以使用Unicode正则表达式：
const alphanumeric = /^[\p{L}\p{N}]*$/u;
const valid = "Jòhn꠵Çoe日本語3rd"; // <- these are all letters and numbers
const invalid = "JohnDoe3rd!";
console.log(valid.match(alphanumeric));
console.log(invalid.match(alphanumeric));u标志启用Unicode模式。\p{L}代表\p{Letter}，\p{N}代表\p{Number}。方括号[]将它们包围在内，是一个普通的字符类，意味着字符必须是字母或数字（在这个上下文中）。*表示“零个或多个”，如果不想允许空字符串，可以将其改为+（一个或多个）。^/$匹配字符串的开头/结尾。
上述方法适用于大多数情况，但可能匹配超出你的需求。你可能不想匹配拉丁文、阿拉伯文、西里尔文等。你可能只想匹配拉丁字母和十进制数字。
const alphanumeric = /^[\p{sc=Latn}\p{Nd}]*$/u;
const valid = "JòhnÇoe3rd";
const invalid = "Jòhn꠵Çoe日本語3rd";
console.log(valid.match(alphanumeric));
console.log(invalid.match(alphanumeric));\p{sc=Latn}是\p{Script=Latin}的缩写。 \p{Nd}是\p{Decimal_Number}的缩写，匹配十进制数。与\d的区别在于，\p{Nd}不仅匹配5，还匹配、５等可能更多的内容。
有关详细信息，请查看正则表达式Unicode文档，可用的\p选项链接在文档页面上。
请注意，u标志不受Internet Explorer支持。
I would create a String prototype method:
String.prototype.isAlphaNumeric = function() {
var regExp = /^[A-Za-z0-9]+$/;
return (this.match(regExp));
};
var TCode = document.getElementById('TCode').value;
return TCode.isAlphaNumeric()
在紧密的循环中，最好避免使用正则表达式并硬编码您的字符：
const CHARS = new Set("0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ");
function isAlphanumeric(char) {
return CHARS.has(char);
}
"0a0a0a0b0c0d"，而不是像 "000000" 或 "qwertyuio"。true。这是不正确的。"00000"是否为字母数字，我的直觉无疑是错误的。为什么？很简单。我找不到任何字母字符。因此，它只是一个简单的数字字符串[0-9]。"abcdefg"，我的直觉仍然是错误的。我看不到数字，所以它不是字母数字。只是字母[a-zA-Z]。
Michael Martin-Smucker's answer非常有启发性。"0123456789"（仅数字），"qwertyuiop"（仅字母）和"0a1b2c3d4f4g"（字母数字混合）作为字母数字混合返回TRUE。与同样是/^[a-z0-9]+$/i的正则表达式相同。
正则表达式无法工作的原因很简单，也很明显。语法[]表示或，而不是并且。
因此，如果它只是数字或者只是字母，正则表达式会返回true。
但是，Michael Martin-Smucker的回答仍然很有启发性。对我来说。
它让我能够以“低级别”的方式思考，创建一个明确处理字母数字字符串的实际函数。我像使用PHP相关函数ctype_alnum一样调用它（编辑2020-02-18：但是，这检查OR而不是AND）。
以下是代码：
function ctype_alnum(str) {
var code, i, len;
var isNumeric = false, isAlpha = false; // I assume that it is all non-alphanumeric
for (i = 0, len = str.length; i < len; i++) {
code = str.charCodeAt(i);
switch (true) {
case code > 47 && code < 58: // check if 0-9
isNumeric = true;
break;
case (code > 64 && code < 91) || (code > 96 && code < 123): // check if A-Z or a-z
isAlpha = true;
break;
default:
// not 0-9, not A-Z or a-z
return false; // stop function with false result, no more checks
}
}
return isNumeric && isAlpha; // return the loop results, if both are true, the string is certainly alphanumeric
}
And here is a demo:
function ctype_alnum(str) {
var code, i, len;
var isNumeric = false, isAlpha = false; //I assume that it is all non-alphanumeric
loop1:
for (i = 0, len = str.length; i < len; i++) {
code = str.charCodeAt(i);
switch (true){
case code > 47 && code < 58: // check if 0-9
isNumeric = true;
break;
case (code > 64 && code < 91) || (code > 96 && code < 123): //check if A-Z or a-z
isAlpha = true;
break;
default: // not 0-9, not A-Z or a-z
return false; //stop function with false result, no more checks
}
}
return isNumeric && isAlpha; //return the loop results, if both are true, the string is certainly alphanumeric
};
$("#input").on("keyup", function(){
if ($(this).val().length === 0) {$("#results").html(""); return false};
var isAlphaNumeric = ctype_alnum ($(this).val());
$("#results").html(
(isAlphaNumeric) ? 'Yes' : 'No'
)
})<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="input">
<div> is Alphanumeric?
<span id="results"></span>
</div>return isNumeric || isAlpha; 是 alphaNumeric。以上内容可能对某些人有所帮助。 - TamusJRoyce // On keypress event call the following method
function AlphaNumCheck(e) {
var charCode = (e.which) ? e.which : e.keyCode;
if (charCode == 8) return true;
var keynum;
var keychar;
var charcheck = /[a-zA-Z0-9]/;
if (window.event) // IE
{
keynum = e.keyCode;
}
else {
if (e.which) // Netscape/Firefox/Opera
{
keynum = e.which;
}
else return true;
}
keychar = String.fromCharCode(keynum);
return charcheck.test(keychar);
}
此外，这篇文章还有助于理解JavaScript字母数字验证。
要检查input_string是否为字母数字组合，只需使用以下代码：
input_string.match(/[^\w]|_/) == null