javascript - Chrome 因这个 JS 而崩溃

Question

Chrome 使用此 JS 时崩溃。 有一种带有乘法输入的形式。 JS 代码必须在提交之前检查它们是否已填写。但提交成功后 Chrome 崩溃。

<script>
$(document).ready(function(){
    var form = $('form#add');
    form.submit(function(){
      var filledInputs = $('form#add input[value!=""]');
      $('form#add input[value=""]').css('border','solid 1px red');
      filledInputs.css('border','');
      if (filledInputs.length >= 9) {
          form.submit();
          return true;
      } else {
          return false;
      }
    });
});
</script>

Answer 1

当 >=9 填充输入时，你的函数是无限递归的。提交时，表单会执行验证，如果验证通过，您将再次调用提交，验证表单，依此类推。

如果您删除 form.submit(); 并仅返回 true，表单将正确提交。