Question

我正在研究'你看到的就是你得到的'应用程序。您在一个框中编码，输出显示在另一个框中。我需要检查用户是否在HTML文本区域中键入了特定文本，如果正确，则会显示一个按钮。到目前为止，当用户键入text-align：center;按钮可见。我无法解决这个问题，因此用户可以输入2组文本。到目前为止我有这个：

    $(document).ready(function(){$(".textArea").keyup(function() { // directed at the textArea div tag
     if ($(this).val().indexOf('text-decoration:underline;' && 'text-align:center;') != -1) { // if the text matches those 2 strings 
      $(".continue").css("visibility", "visible"); // make button visible
    }
      else {
                $(".continue").css("visibility", "hidden"); // keep it hidden if strings haven't been produced
          $(".correct").css("display", "block");
           }
  });
});

.continue{
background-color: #ef6d3b;
width: 6em;
text-align: center;
font-size: 15px;
border: none;
height: 25px;
color: #000000;
outline: none;
    cursor: pointer;
    border-radius: 5px;
    text-transform: uppercase;
    position: relative;
    visibility: hidden;
    
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<div class="codeArea">
            <div class="correct">
            <textarea class="textArea">
                <html>
                    <body>
                    
                        
                        
                        
                        
                        
                        
                    </body>
                </html>
                
                
 
            </textarea>
                </div>
            
        </div>

 <a href="task2.php"><button class="continue" type="button">Continue</button></a>

Answer 1

您在if语句中使用了错误的表达式。

if（$（this）.val（）。indexOf（'text-decoration：underline;'＆amp;＆amp; 'text-align：center;'）！= -1）

与

相同

$（this）.val（）。indexOf（'text-align：center;'）！= -1

你应该做的是

$（this）.val（）。indexOf（'text-decoration：underline;'）！= - 1＆amp;＆amp; $（本）.VAL（）的indexOf（ '文本对齐：中心;'）！= - 1

jQuery用HTML textarea检查多个字符串

1 个答案: