javascript - Bootstrap Validator - 将所有输入字段值发送到远程 PHP 文件

Question

我想知道是否有一种方法可以使用 Bootstrap Validator 将所有输入字段值发送到远程 PHP 文件。

为了解释一下，我在登录表单中有两个输入字段。我在两个输入字段上使用 Bootstrap Validator 的远程验证。每次验证仅发送请求的输入字段的值，并且无法通过 PHP 后端中的 $_POST 访问其他输入字段。

我知道我可以使用数据选项将数据发送到 PHP 后端，但我不确定如果我要发送该部分中不同输入字段的值，格式会如何。

这是一个编码示例。

$(document).ready(function() {
    $('#login_form').bootstrapValidator({
        fields: {
            username: {
                message: 'Invalid',
                validators: {
                    remote: {
                        message: 'Invalid',
                        url: '/path/to/backend/',
                        data: {
                            password: // What do I put here?
                        }
                    }
                }
            },
            password: {
                message: 'Invalid',
                validators: {
                    remote: {
                        message: 'Invalid',
                        url: '/path/to/backend/',
                        data: {
                            username: // What do I put here?
                        }
                    }
                }
            }
        }
    });
});

该编码示例是解决我的问题并将两个输入字段值提交到后端的一种方法。如果有人可以使用此方法解决我的问题，或者我可以通过其他方式将所有输入字段值提供给后端，请告诉我。

预先感谢您提供的任何帮助。

Answer 1

要将表单中的任何输入字段发送到后端，只需调用一个验证器函数，该函数会调用表单中输入字段的值并将它们分配给具有描述性名称的参数。 然后可以从/path/to/backend 中的 POST(或您配置的 GET)访问此参数。

您可以在下面看到修改后的代码。 我希望它对你有用。这是经过充分测试的代码。

请发送反馈。

$(document).ready(function() {
$('#login_form').bootstrapValidator({
    fields: {
        username: {
            message: 'Invalid',
            validators: {
                remote: {
                    url: '/path/to/backend/',
                    data: function(validator) {
                       return {
                           password: $('[name="passwordNameAttributeInYourForm"]').val(),
                           whatever: $('[name="whateverNameAttributeInYourForm"]').val()
                       };
                    },
                   message: 'Invalid'
                }
            }
        },
        password: {
            message: 'Invalid',
            validators: {
                remote: {
                    url: '/path/to/backend/',
                    data: function(validator) {
                       return {
                           username: $('[name="usernameNameAttributeInYourForm"]').val(),
                           whatever: $('[name="whateverNameAttributeInYourForm"]').val()
                       };
                    },
                   message: 'Invalid'
                }
            }
        }
    }
});

});