我正在 Wordpress 中设置 Ninja Forms。我想使用 Webhooks 扩展将代码发布到外部 URL。如果代码正确,Ninja Forms 应该继续提交数据。如果代码错误,则用户应收到错误消息并重试。
我该怎么做,如果中断提交,我看不到任何办法?
我正在 Wordpress 中设置 Ninja Forms。我想使用 Webhooks 扩展将代码发布到外部 URL。如果代码正确,Ninja Forms 应该继续提交数据。如果代码错误,则用户应收到错误消息并重试。
我该怎么做,如果中断提交,我看不到任何办法?
在 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();
});
希望这有帮助。