Question

我在模态中有一个表单，该表单的字段在加载时带有红色边框，指示该字段为必填字段。当我填写每个字段时，红色边框将消失。当我关闭模式时，字段将被清除，但是红色边框不再可见，这意味着字段不再是必填项，因此用户可以在不填写必填字段的情况下成功提交表单。我该如何解决？请帮助。

此功能确实清除了字段，但此后字段不再是必需的。

$scope.clearFields = function() {
        $('#orderForm').on('hidden.bs.modal', function () {
            $(this).find('form').trigger('reset');
        });
    };

这是我的模态代码。

 <div class="form-group col-md-12" ng-class="{'has-error': !hwmodel.length}">
    <label for="hwmodel" class="control-label label-bold">Hardware Brand/Model</label>
    <div>
        <textarea class="form-control" name="hwmodel" id="hwmodel" ng-model="hwmodel" maxlength="500" style="height:65px;"></textarea>
    </div>
</div>

Answer 1

替换为：

 $(this).closest('form').find("input").val("");

Answer 2

如果您这样做，那么它将仅将输入字段保留为text类型。 $（this）.closest（'form'）。find（“ input [type = text]”）。val（“”）; 因此，有一种更好的方法。如果您知道所有字段，则创建一个函数，并在无法将它们分组的情况下，放置逻辑以将所有字段的数据一一重置。也许您可以使用某个字段的ID和某个字段的名称来完成此操作。在关闭模态之前，请先调用它。这种方法是更好的方法，因为将来可能会添加更多/不同类型的字段。

关闭后如何清除字段并重置模式内的表单？

2 个答案: