如何检查文本输入是否与变量匹配？答案

【问题标题】：How can I check if text input matches a variable?如何检查文本输入是否与变量匹配？
【发布时间】：2015-01-28 05:03:43
【问题描述】：

我有一些 javascript，当用户输入正确的文本（密码）时，它应该会改变 h2 的颜色。但是用户可以随便输入任何东西，它会改变文本颜色。有谁知道如何解决这一问题？这是我的代码：

var code = ('user1'); 
var entry = $('.code').val();

$('.code').change(function(code_check) {
  if(code == entry) {
     $('.codeText').css('color', 'rgb(247,37,62)'); 
  } else if(code != entry) {
     $('.codeText').css('color', 'rgb(61, 216, 97)'); 
  }
});

【问题讨论】：

你的默认颜色是什么？
您缺少的选择器可能是 'user1' 中的点或散列
'user1' 应该是 var 条目的文本；需要匹配。并且默认颜色是红色。

标签： javascript jquery authentication passwords

【解决方案1】：

您需要使用this作为参考的输入值

$('.code').change(function(){
    $(this).css('color', function(){
       return $(this).val().trim() == code ? 'rgb(247,37,62)' : 'rgb(61, 216, 97)');
    }); 
});

【讨论】：

@BhojendraNepal 这也是一个选项，但是有String.trim，这是我正在使用的
变量具有误导性，我意识到，但脚本旨在更改值更改时位于输入字段上方的标题的颜色，而不是其中的文本。另外，您的代码抛出错误：Unexpected token:
我正在使用 codepen，但仍然遇到同样的错误。
@user3697399 能给个链接吗？
@user3697399 您的 if 条件需要一个错误的 else 子句。但是这里不需要 elseif。 codepen.io/anon/pen/Bydzaz