如果 Webhooks 响应错误，则停止 Ninja Forms 的进度

Question

我正在 Wordpress 中设置 Ninja Forms。我想使用 Webhooks 扩展将代码发布到外部 URL。如果代码正确，Ninja Forms 应该继续提交数据。如果代码错误，则用户应收到错误消息并重试。

我该怎么做，如果中断提交，我看不出有什么办法？

Answer 1

在 Ninja Form 中，当你使用 webhook 时，我猜你可能会用这段代码捕捉到 API 的错误响应

$data['errors']['form'][] = $this->submit_response->result[0]->error;

所以当 API 响应错误时，在这种情况下用户没有机会再次重新提交表单，除非重新加载页面。 当表单包含错误时，Ninja 表单会阻止表单提交，因此您需要找到一种方法来清除/删除此错误。 很少有解决方法可以解决此问题。

一种简单的方法是，您可以使用以下代码以不同方式缓存响应错误：

$data['errors']['last']['message'] = $this->submit_response->result[0]->error;

使用此代码，您的表单将不会显示 API 响应的错误消息，但用户可以再次重新提交表单，您可以使用下面的 javascript 代码将错误显示到某些 HTML 元素

var customFormController = Marionette.Object.extend({
    initialize: function() {
        // Listen to submit respond
        this.listenTo(nfRadio.channel( 'forms' ), 'submit:response', this.checkSubmitRespond);
    },
    checkSubmitRespond: function(response, textStatus, jqXHR, formID) {
        if ('undefined' != typeof response.errors.last) {
            var msg = response.errors.last.message;
            // display error on some pre-defined element
            jQuery('.error-container').html(msg);
        }
    }
});

jQuery(document).ready(function($) {
    new customFormController();
});

希望对您有所帮助。