防止 Jqueryvalidation 在模式打开时验证远程

Question

我有这样的脚本：

const add_modal =  $('#add_modal');

const add_form = $('#add_form');

const add_button = $('#add_button');

const save_button = $('#save_button');

let add_validator = add_form.validate({

            ignore: 'input[type=hidden], .select2-search__field', // ignore hidden fields

            errorClass: 'validation-invalid-label',

            highlight: function(element, errorClass) {

                $(element).removeClass(errorClass);

            },

            unhighlight: function(element, errorClass) {

                $(element).removeClass(errorClass);

            },

            // Different components require proper error label placement

            errorPlacement: function(error, element) {

                // Unstyled checkboxes, radios

                if (element.parents().hasClass('form-check')) {

                    error.appendTo( element.parents('.form-check').parent() );

                }

                // Input with icons and Select2

                else if (element.parents().hasClass('form-group-feedback') || element.hasClass('select2-hidden-accessible')) {

                    error.appendTo( element.parent() );

                }

                // Input group, styled file input

                else if (element.parent().is('.uniform-uploader, .uniform-select') || element.parents().hasClass('input-group')) {

                    error.appendTo( element.parent().parent() );

                }

似乎 jqueryvalidation 插件正在检查打开模式时的邮件可用性。因为当我在网络检查器上看到它时，它会向/admin/users/check-email发送一个发布请求。我怎样才能防止这种行为并让它只在我按下 save_button 时检查？save_button 是模态内的一个按钮。

Answer 1

尝试这个：let update_validator = update_form.validate({            ignore: 'input[type=hidden], .select2-search__field', // ignore hidden fields            errorClass: 'validation-invalid-label',            highlight: function(element, errorClass) {                $(element).removeClass(errorClass);            },            unhighlight: function(element, errorClass) {                $(element).removeClass(errorClass);            },            // Different components require proper error label placement            errorPlacement: function(error, element) {                // Unstyled checkboxes, radios                if (element.parents().hasClass('form-check')) {                    error.appendTo( element.parents('.form-check').parent() );                }                // Input with icons and Select2                else if (element.parents().hasClass('form-group-feedback') || element.hasClass('select2-hidden-accessible')) {                    error.appendTo( element.parent() );                }                // Input group, styled file input                else if (element.parent().is('.uniform-uploader, .uniform-select') || element.parents().hasClass('input-group')) {                    error.appendTo( element.parent().parent() );                }                // Other elements                else {                    error.insertAfter(element);                }            },            rules: {                name: {                    required: true,                    minlength: 2,                    maxlength: 20                },                email: {                    required: true,                    email: true,                    remote: {                        url: "/admin/users/email-available",                        type: "post",                        data: {                            user_id: function () {                                return $("#id").val();                            }                        }                    }                },                role: {                    required: true,                },                password: {                    minlength: 12                },                password_verification: {                    required: isPasswordPresent,                    minlength: 12,                    equalTo: "#update_password"                },            },            messages:{                email:{                    remote: "Email is already taken."                }            },            submitHandler: function(form, event) {                event.preventDefault();                let $action = $(form).attr('action');                let $method = $(form).attr('method');                let $data  = $(form).serialize();                $.ajax({                    url: $action,                    type: $method,                    data: $data,                    success: function (result) {                        if (result.type === 'success') {                            update_modal.modal("hide");                            update_validator.resetForm();                            swalInit({                                title: 'Success!',                                text: result.text,                                type: 'success',                                timer: 3000,                                showCloseButton: true                            }).then((reload) => {                                datatables.ajax.reload();                            });                        } else {                            swalInit({                                title: 'Oops...',                                text: result.text,                                type: 'error',                                timer: 3000,                            });                        }                    },                })            }        });