函数返回未定义值

Question

我有一些代码，我想用它来验证文本字段中的电子邮件数量

  function lockSubmits(selector,value){

      var submitInputs = document.querySelectorAll(selector);

      for(var j = 0; j<=submitInputs.length; j++){

        submitInputs[j].disabled = value;
      }

  }

  function checkQuantity(tested,sign){

      var testedField = document.querySelector(tested);
      var mailCounter = 0;

      for(var i=0; i<testedField.value.length; i++){
        if(testedField.value[i] == '@'){
          mailCounter += 1;
        }
        return mailCounter;
      }

  }





  var eventField = document.querySelector('#tag_email_list');
  var alertCounter = false;




  eventField.addEventListener('input',function(){

      // var mailCounter = 0;

      // for(var i=0; i<testedField.value.length; i++){
      //   if(testedField.value[i] == '@'){
      //     mailCounter += 1;
      //   }
      // }

      checkQuantity('#tag_email_list','@');


     if((!alertCounter) && (mailCounter >= 999)){
      alert('<%= tt('tag.email_list_lock') %>');
      lockSubmits('input[type="submit"]', true);
      alertCounter = true;
     }

     if(mailCounter<= 999){
      lockSubmits('input[type="submit"]', false);
      alertCounter = false;
     }
  })

我的麻烦是我的代码在线停止：

if((!alertCounter) && (mailCounter >= 999))

正是在检查 mailCounter 是否大于或等于 999 时，有什么建议吗？返回 mailCounter 是否应该返回 mailCounter 值？现在它返回了 referenceError: mail Counter is not defined

Answer 1

您需要将调用checkQuantity 的返回值分配给一个变量。 mailCounter 被限定在定义它的函数内，所以如果你试图引用它会导致一个referenceError。

var mailCounter = checkQuantity('#tag_email_list','@');

if(!alertCounter && mailCounter >= 999) {
    ...
}

同样，您需要在第二个 if 语句中执行相同的操作。

if(mailCounter <= 999) { ... }

顺便说一句，您确实意识到如果mailCounter 恰好是999，那么mailCounter >= 999 和mailCounter <= 999 的计算结果为true？可能想调查一下 - 在这种情况下，您的代码将禁用输入，然后立即取消禁用它们，因为两个 if 块都将被执行。也许您的意思是检查严格的不等式？

if(mailCounter < 999) { ... }