javascript - Laravel 5.6 Javascript 输入总和

Question

问题是如果输入 ID 为 i<50，我该如何增加输入 ID 并检查所有输入总和？它可以提交表单，否则会弹出。大问题是它的非静态输入可以更少也可以更多。

这是我的表格 exams.blade.php

<form method="post" action="{{ route('exams.custom') }}">
{{ csrf_field() }}

        <h3 class="page-title">Сэдэв</h3>

        <div class="panel panel-default">
            <div class="panel-heading">
                Сэдэв сонголт
            </div>

            <div class="panel-body">
            @foreach ($duplicates as $duplicate)
            {{ $duplicate->topic->title }} нийт {{ $duplicate->total }} асуулт байна.<br>
            <input type="number" name="number[{{ $duplicate->topic->id }}]"></input><br><br>
            @endforeach
            <br/>

            </div>
        </div>  

    <br><button type="submit">Сонгох</button>

</form>

Answer 1

如果您使用jQuery，您可以将提交按钮更改为普通按钮，并且仅在满足要求的情况下触发提交事件，否则您可以显示您的弹出窗口。

<form id="examsForm" method="post" action="{{ route('exams.custom') }}">
....
....
    <button type="button" class="sendExamsForm">Сонгох</button>
</form>

<script>
$(document).ready(function() {
            $(".sendExamsForm").click(function() {
                var sum = 0;
                $.each($('input[type=number]'),function(){
                    sum = sum + parseInt($(this).val());
                });
                if (sum < 50) {
                    $("#examsForm").submit();
                } else {
                    alert("Too many points");
                }
            });
        });
</script>

这样，如果总和 >= 50，它将显示一个弹出窗口，否则提交表单。

JS fiddle : https://jsfiddle.net/rxz0ndb4/7/