javascript - 失去焦点时提交表单

Question

我必须构建一个包含大量字段(可能超过 1000 个字段)的表单。因为 recommended GET URL length limit我想将其拆分为几个较小的表单(每个表单有 12 个字段)，在完成后提交。

基本上我正在寻找的是某种 form.onBlur 事件:我只想在以下情况下提交表单:

• 其中一个输入失去焦点(模糊)
• 此表单的其他输入都没有焦点

关于处理这个问题的好方法有什么想法吗？也许我需要让每个 input.onBlur 事件检查表单其他输入的当前焦点状态？

编辑:我很清楚 GET 与 POST 的区别，包括安全问题和数据量。对于我的特定设置的特定问题，GET 请求是唯一的选择；因此这个问题。

Answer 1

鉴于每个 form_element 都可以由一个类来标识，您可以用它来做一些有风格的事情

$(".form_element").on("focusout", function(){
  let do_query = true;
  setTimeout(function(){
     $(".form_element:input").each(function(){ 
       if($(this).is(":focus")){
         do_query = false;
         return false; //Exit the each loop
       }
     });

     if(do_query){
        console.log("I'm going to perform the query");
     }

  }, 200);
});

我发现如果没有设置超时，它总是会触发 false，因为新元素没有时间获得它的焦点。

参见 jsfiddle这里有工作示例