Javascript Jquery比较输入和变量中的.val（）

我正在尝试使用提交按钮进行输入，如果我输入正确的文本并按submit，就会出现一个div，如果没有，则输入和按钮都会变为红色。Jshint说我的代码没有问题，但似乎有问题，因为它不工作。我将粘贴下面的代码，以及我正在处理的代码笔链接。任何帮助都将不胜感激

Html：

<input type="text" /><button>sumbit</button>
<div id="test"></div>

最后是javascript/JQuery：

$(document).ready(function(){

  $('input').on('focus', function(){
    $(this).css({'background' : '#31B404'});
  });

  $('input').on('focusout', function(){
        $(this).css({'background' : '#2E9AFE'});
  });

  $('button').on('click', function(){
    var $a = Angusmiguel21;

    if( ($('input').val() ) == ($a) ){
      $('test').slideToggle();
    }
    else{
      $('input').css({'background' : 'red'});
      $('button').css({'background' : 'red'});
    }

  });

});

问题是从点击按钮开始的……也许这可以用纯Javascript完成，但我对JQ更满意，但是再次强调，欢迎任何帮助

---

以下是将此添加到文件顶部的

<代码>

<script>
        $(document).ready(function(){

          $('input').on('focus', function(){
            $(this).css({'background' : '#31B404'});
          });

          $('input').on('focusout', function(){
                $(this).css({'background' : '#2E9AFE'});
          });

          $('button').on('click', function(){

            var a = "Angusmiguel21";

        if( ($('input').val() ) == (a) ){
              $('#test').slideToggle();
            }
            else{
              $('input').css({'background' : 'red'});
              $('button').css({'background' : 'red'});
            }

              });

        });

        </script>

$（文档）.ready（函数（）{
$（'input'）。在（'focus'，function（）上{
$（this.css（{'background'：'#31B404'}）；
});
$（'input'）。on（'focusout'，function（）{
$（this.css（{'background'：'#2E9AFE'}）；
});
$（'button'）。在（'click'，function（）上{
var a=“Angusmiguel21”；
如果（$（'input'）.val（））==（a））{
$（“#测试”）.slideToggle（）；
}
否则{
$（'input'）.css（{'background'：'red'}）；
$（'button'）.css（{'background'：'red'}）；
}
});
});

---

变量$a应该是a。同时在值周围加引号。它还应该是#test（它是一个id）

到底是什么

var$a=Angusmiguel21

应该这样做，你有一个名为

Angusmiguel21

的函数或变量吗？我想他忘记引用了it@PatrickEvans-他可能是这样做的，因为他正在将它与字符串进行比较，但这似乎非常明显，应该会在consolevar$a=$（'Angusmiguel21'）中生成一个非常明显的错误；更新了该行，现在在if/else部分else工作m if doesnt…是否有名为

Angusmiguel21

的元素？这就是那一行现在要做的，选择一个具有该名称的元素。此外，由于未使用正确的选择器，您的幻灯片切换也将无法工作。应该是：

$（“#test”）

确保在文件中包含jQuery。检查我的答案。工作：D只有一件事，在这行：如果（$（'input'）.val（））==（a））{，那就是“a”在那里做什么？“a”是保存“Angusmiguel21”的变量。jQuery变量只是定义为var a。而不是说PHP和$a。因此a是变量的名称。

<script>
        $(document).ready(function(){

          $('input').on('focus', function(){
            $(this).css({'background' : '#31B404'});
          });

          $('input').on('focusout', function(){
                $(this).css({'background' : '#2E9AFE'});
          });

          $('button').on('click', function(){

            var a = "Angusmiguel21";

        if( ($('input').val() ) == (a) ){
              $('#test').slideToggle();
            }
            else{
              $('input').css({'background' : 'red'});
              $('button').css({'background' : 'red'});
            }

              });

        });

        </script>