javascript - 每次在输入中键入内容时，如何使功能生效？

我试图比较两个输入框的值，然后在两个框的值不相等时更改框的边框。我遇到的问题是在if语句中，我在其中比较输入框的两个值，它将永远不会比较相等，除非在开始时它们都是空白，即使它们都是空白。我通过自身运行函数，对函数运行setTimeout，因此它每500毫秒检查一次。任何帮助将不胜感激，我很可能会在早晨醒来时查看答案。

var passContext = $('#pass').val();
var pass2Context = $('#pass2').val();

      function checkMatch() {
    if (passContext == pass2Context) {
      if($('#passCont').css({borderWidth: 1})) {
        $('#passCont').animate({
        borderWidth: 0
      }, 400)
      }
      //Add button animation
    } else {
      $('#passCont').css({
        border: '0 solid red'
      }).animate({
        borderWidth: 1
      }, 400)
      setTimeout(checkMatch, 2000);
    }
  }

  checkMatch();

完整代码：https://jsfiddle.net/yz6tgga7/

最佳答案

我想出了我必须改变的地方。我的变量passContext和pass2Context必须位于我的checkMatch函数中。