我有一个带有文本框的页面，用户应该在其中输入一个24个字符(字母和数字，不区分大小写)的注册代码。我使用maxlength来限制用户输入24个字符。
注册代码通常是用破折号分隔的一组字符，但我希望用户输入的代码不带破折号。
我怎么能写我的JavaScript代码没有jQuery检查用户输入的给定字符串不包含破折号，或者更好的是，只包含字母数字字符?
当前回答
检查字符串是否为字母数字或字母数字+一些允许的字符
最快的字母数字方法可能是如上所述:在Javascript中字母数字检查的最佳方法，因为它直接操作数字范围。
然后，为了允许其他一些额外的字符，我们可以把它们放在一个Set中进行快速查找。
我相信这个实现将正确地处理代理对。
#!/usr/bin/env node
const assert = require('assert');
const char_is_alphanumeric = function(c) {
let code = c.codePointAt(0);
return (
// 0-9
(code > 47 && code < 58) ||
// A-Z
(code > 64 && code < 91) ||
// a-z
(code > 96 && code < 123)
)
}
const is_alphanumeric = function (str) {
for (let c of str) {
if (!char_is_alphanumeric(c)) {
return false;
}
}
return true;
};
// Arbitrarily defined as alphanumeric or '-' or '_'.
const is_almost_alphanumeric = function (str) {
for (let c of str) {
if (
!char_is_alphanumeric(c) &&
!is_almost_alphanumeric.almost_chars.has(c)
) {
return false;
}
}
return true;
};
is_almost_alphanumeric.almost_chars = new Set(['-', '_']);
assert( is_alphanumeric('aB0'));
assert(!is_alphanumeric('aB0_-'));
assert(!is_alphanumeric('aB0_-*'));
assert(!is_alphanumeric('你好'));
assert( is_almost_alphanumeric('aB0'));
assert( is_almost_alphanumeric('aB0_-'));
assert(!is_almost_alphanumeric('aB0_-*'));
assert(!is_almost_alphanumeric('你好'));
GitHub上游。
在Node.js v10.15.1中测试。
其他回答
你们都想得太多了。只需使用一个简单的正则表达式，它是你最好的朋友。
var string1 = "Hi Stack Overflow. I like to eat pizza."
var string2 = "Damn, I fail."
var regex = /(pizza)/g // Insert whatever phrase or character you want to find
string1.test(regex); // => true
string2.test(regex); // => false
在5分钟内学会正则表达式?
这对我很有效!
属性包含选择器[name*= " value "]
这是针对值匹配的最慷慨的jQuery属性选择器。如果选择器的字符串出现在元素的属性值内，它将选择一个元素。将此选择器与Attribute Contains Word选择器进行比较(例如[attr~=" Word "])，后者在许多情况下更合适。
来源:Attribute Contains Selector [name*= " value "] => https://api.jquery.com/attribute-contains-selector/
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>attributeContains demo</title>
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
</head>
<body>
<input name="man-news">
<input name="milkman">
<input name="letterman2">
<input name="newmilk">
<script>
$( "input[name*='man']" ).val( "has man in it!" );
</script>
</body>
</html>
例如，如果要从DOM读取数据，例如p或h1标记，则需要使用两个原生JavaScript函数，这非常简单，但仅限于es6，至少对于我将要提供的解决方案是这样。我将搜索DOM中的所有p标签，如果文本包含“T”，整个段落将被删除。我希望这个小例子能帮助到一些人!
HTML
<p>Text you need to read one</p>
<p>Text you need to read two</p>
<p>Text you need to read three</p>
JS
let paras = document.querySelectorAll('p');
paras.forEach(p => {
if(p.textContent.includes('T')){
p.remove();
}
});
在your_string中查找"hello"
if (your_string.indexOf('hello') > -1)
{
alert("hello found inside your_string");
}
对于alpha数值，您可以使用正则表达式:
http://www.regular-expressions.info/javascript.html
数值正则表达式
你可以使用string.includes()。例子:
Var string = "lorem ipsum hello world"; Var include = "world"; var a = document.getElementById("a"); If (string.includes(include)) { Alert ("found '" + include + "' in your string"); a.innerHTML = " find '" + include + "' in your string"; ｝ < p id = " " > < / p >
