返回假；在 jquery .each 函数中不起作用

Question

在发布这个问题之前，我尝试了 StackOverflow，但没有找到答案。

所以，问题是，我有一个包含一些值的数组（假设为 4、6、7、8、10 等）。我使用jquery的.each函数来提示alert信息。但是我的代码给了我一条警告消息，将焦点放在所需的输入框上并提交表单并且不会“返回 false”。 我希望它在聚焦后返回 false。

$(document).on('keypress','#create_invoice',function(){
$.each(newArr, function( i, l ){
//alert( "Index #" + i + ": " + l );
if($.trim($('#item_name'+l).val()).length == 0)
        {
          alert("Please Enter Item Name");
          $('#item_name'+l).focus();
         // return false; //if use this not work and submit form
        }
//return false; //if use this not work and submit form
});
//return false; if i use this then submit() not work
$('#invoice_form').submit();
});

Answer 1

返回 false 有效，但我认为您想要的是在返回 false 时阻止表单提交。这种行为可以用这个来完成；

首先在函数参数中放入e，然后使用e.preventDefault();。

接下来是创建一个布尔变量，用于确定您是否可以允许表单提交。在下面的代码中，我使用了var allowSubmit。

试试下面的代码。

$(document).on('keypress', '#create_invoice', function(e) {
  e.preventDefault();

  // boolean variable
  var allowSubmit = true;

  $.each(newArr, function(i, l) {
    if ($.trim($('#item_name' + l).val()).length == 0) {
      alert("Please Enter Item Name");
      $('#item_name' + l).focus();

      // set the variable to false
      allowSubmit = false;
      return false;
    }
  });

  // check if we could submit the form
  if (allowSubmit) {
    $('#invoice_form').submit();
  }
});