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

Question

我正在尝试比较两个输入框的值，然后在两个框的值不相等时更改框的边框。我遇到的问题是在比较输入框的两个值的 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/

Answer 1

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