Javascript JQuery检查用户是否在文本区域内输入了特定的字母或单词

Javascript JQuery检查用户是否在文本区域内输入了特定的字母或单词,javascript,jquery,html,css,textarea,Javascript,Jquery,Html,Css,Textarea,我在尝试检查用户是否输入了特定的字母或单词时遇到问题,如果字母或单词正确,则会取消隐藏按钮 任何帮助都会很好 这就是我到目前为止所做的: $(文档).ready(函数(){ $(“.textArea”).keyup(函数(){ if($(this).val()=='a'){ $(“.continue”).css(“可见性”、“可见”); } }); }); 正文{ 保证金:0; 填充:0; 背景色:#3f2860; } .代码区{ 宽度:50%; 高度:500px; 边框:2px实心#ef6d

我在尝试检查用户是否输入了特定的字母或单词时遇到问题,如果字母或单词正确,则会取消隐藏按钮

任何帮助都会很好

这就是我到目前为止所做的:

$(文档).ready(函数(){
$(“.textArea”).keyup(函数(){
if($(this).val()=='a'){
$(“.continue”).css(“可见性”、“可见”);
}
});
});
正文{
保证金:0;
填充:0;
背景色:#3f2860;
}
.代码区{
宽度:50%;
高度:500px;
边框:2px实心#ef6d3b;
框大小:边框框;
字体大小:20px;
背景色:透明;
颜色:#ffffff;
轮廓宽度:0;
位置:相对位置;
浮动:左;
右边距:5px;
}
.文本区{
宽度:100%;
身高:100%;
调整大小:无;
字体大小:20px;
背景色:透明;
颜色:#ffffff;
大纲:无;
边界:无;
空白:正常;
位置:相对位置;
浮动:左;
}
.boxContainer{
宽度:98%;
}
.boxContainer{
保证金:0自动;
}
.继续{
背景色:#ef6d3b;
宽度:6em;
文本对齐:居中;
字体大小:15px;
边界:无;
高度:25px;
颜色:#000000;
大纲:无;
光标:指针;
边界半径:5px;
文本转换:大写;
位置:相对位置;
可见性:隐藏;
}

<h1和62;测试</h1和62<风格>;h1和123} </风格>;

您的问题似乎在于检查文本区域中的值。现在,您正在抓取所有文本并查看它是否为
==“a”
。相反,试试这样的东西

if($(this).val().indexOf('word')!==-1)


其中“word”是您想要检查的内容。这将在文本区域中搜索文本并确定它是否存在。

您的问题似乎在于检查文本区域中的值。现在,您正在抓取所有文本并查看它是否为
==“a”
。相反,试试这样的东西

if($(this).val().indexOf('word')!==-1)


其中“word”是您想要检查的内容。这将在文本区域中搜索文本并确定它是否存在。

在这段代码中:

$(document).ready(function() {
   $(".textArea").keyup(function() {
     if ($(this).val() == 'a') {
       $(".continue").css("visibility", "visible");
     }
   });
 });
$(this).val()
以值
Test h1{}
开始,因此永远不会等于“a”,除非删除所有文本并键入单个字母“a”

您需要像这样使用
indexOf('a')

$(document).ready(function() {
   $(".textArea").keyup(function() {
     if ($(this).val().indexOf('a') !== -1) {
       $(".continue").css("visibility", "visible");
     }
   });
 });

在这段代码中:

$(document).ready(function() {
   $(".textArea").keyup(function() {
     if ($(this).val() == 'a') {
       $(".continue").css("visibility", "visible");
     }
   });
 });
$(this).val()
以值
Test h1{}
开始,因此永远不会等于“a”,除非删除所有文本并键入单个字母“a”

您需要像这样使用
indexOf('a')

$(document).ready(function() {
   $(".textArea").keyup(function() {
     if ($(this).val().indexOf('a') !== -1) {
       $(".continue").css("visibility", "visible");
     }
   });
 });

当前您的意思是,如果.textarea的完整内容等于a,则显示该按钮。即使它的内容包含一个空格之前或之后,它不会显示按钮

如果您想“在.textarea包含时显示按钮”,则需要使用.indexOf()


上面的示例和您的原始代码可以在这里进行测试:

当前您说的是,如果.textarea的完整内容等于a,则显示按钮。即使它的内容包含一个空格之前或之后,它不会显示按钮

如果您想“在.textarea包含时显示按钮”,则需要使用.indexOf()


上面的示例和您的原始代码可以在这里测试:

您的意思是说jquery验证?参考:你的意思是说jquery验证?参考资料:非常感谢您!非常有用。这段代码工作得很好,但如果用户输入2个字符串而不是1,我需要它工作。这是我有的,但它不工作:if($(This).val().indexOf('text-decoration:underline;'&&&&'text-align:center;')==1{$(“.continue”).css(“可见性”,“可见”);}。出于某种原因,如果键入text-align:center;首先,它自己工作。我需要它,所以您必须在oredr中键入这两个字符,按钮才能显示,而不仅仅是1字符串。如果这有道理的话。谢谢你的帮助你试过我刚发布的链接了吗?文本区域必须包含两个字符串,然后才能显示contine按钮。为此,我向您表示感谢!非常有用。这段代码工作得很好,但如果用户输入2个字符串而不是1,我需要它工作。这是我有的,但它不工作:if($(This).val().indexOf('text-decoration:underline;'&&&&'text-align:center;')==1{$(“.continue”).css(“可见性”,“可见”);}。出于某种原因,如果键入text-align:center;首先,它自己工作。我需要它,所以您必须在oredr中键入这两个字符,按钮才能显示,而不仅仅是1字符串。如果这有道理的话。谢谢你的帮助你试过我刚发布的链接了吗?文本区域必须包含两个字符串,然后才会出现contine按钮