javascript - 完成所有字段后提交表格

Question

我有这个表格

<form method="post" name="lunch" id="lunch">

     <input type="number" id="people" name="people" onchange="calculo_lunch()" class="form-control">

     <input type="number" id="duration" name="duration" onchange="calculo_lunch()" class="form-control">

 </form>

我使用这个 jquery 脚本来提交它

    $(function(){

        $("#lunch").submit(function(){

            //jquery code

            return false; // Evitar ejecutar el submit del formulario.
        })
    });

    $('input[type="number"]').on('change', function() { $("#lunch").trigger('submit'); })

当其中一个字段发生更改时，这会提交我的表单，但现在我需要在两个字段都完成时触发此表单

Answer 1

这将检查每个“数字”类型的输入并计算具有某些值的数字。如果带有值的输入数量与输入数量匹配，则表单将提交。这适用于任意数量的输入，因此如果您再添加 10 个输入，它仍然有效。

$('input[type="number"]').on('change', function() {
    //initialize counter
    var completed_fields = 0;

    //count up the number of completed number inputs
    $('#lunch').find('input[type="number"]').each(function(){
        if($(this).val()){
            completed_fields += 1;
        }
    });

    //test the number of completed fields vs the total number of fields
    if($('#lunch').find('input[type="number"]').length == completed_fields)
    {
        $("#lunch").trigger('submit');
    }
});