0

我想防止多次点击提交按钮。我设法通过单击提交按钮时冻结屏幕来做到这一点。唯一的问题是客户端验证。当必填字段为空时，屏幕被冻结，我无法在此页面中执行任何其他操作。我正在尝试检查表单的验证，但它看起来不起作用。我得到那个表格一直有效。

<script type="text/javascript">
    $('#AddBtn').click(function () {
        if ($("form").valid()) {
            $('body').append('<div id="over" style="position: absolute;top:0;left:0;width: 100%;height:100%;z-index:2;opacity:0.4;filter: alpha(opacity = 50)"></div>');

        } else {
            window.alert('NOT VALID');
        }
    });
</script>

这是具有验证的字段之一：

<div class="form-group row">
    <div class="col-4">
        <label asp-for="Orders.CustZipCode">Zip Code</label>
    </div>
    <div class="col-8">
        <input asp-for="Orders.CustZipCode" class="form-control" />
        <span asp-validation-for="Orders.CustZipCode" class="text-danger"></span>
    </div>
</div>

在此处输入图像描述

4

1 回答 1

0

这可能不是您正在寻找的，但我倾向于在成功提交后用微调器替换表单元素。话虽如此，我正在使用 Ajax.BeginForm 进行 ajax 调用，这似乎是一个非常简单的解决方案。这 a) 将表单从视图中删除，因此用户一旦提交表单就不能再弄乱它，并且 b) 微调器让他们感觉应用程序正忙于对他们提交的数据进行有意义的处理。

我想我有一个问题——成功提交后你会把用户带到哪里——你是把他们带到新视图还是表单保留在屏幕上？

于 2021-01-31T17:35:05.540 回答